Wenn Sie ein WordPress-Entwickler sind, haben Sie von W\u00f6rtern wie wp_enqueue_script, wp_enqueue_style und wp_enqueue_scripts geh\u00f6rt. Dies sind die Methoden, die wir verwenden sollten, um JavaScript und CSS in WordPress einzubinden.<\/p>\n
Wenn es um WordPress geht, sollte man keine Skript- und Link-Tags verwenden, um JavaScript- und CSS-Dateien hinzuzuf\u00fcgen.<\/p>\n
F\u00fcr eine Website ist es \u00fcblich, verschiedene Arten von Effekten und Animationen zu verwenden, um die Benutzererfahrung zu verbessern. Es gibt viele fertige Plugins im Internet, die es uns erm\u00f6glichen, Slider, Kontaktformulare, Karussells usw. in Ihre Website einzuf\u00fcgen. Wenn wir diese externen Ressourcen verwenden, m\u00fcssen wir die von ihnen bereitgestellten JS- und CSS-Dateien verwenden. Durch die Verwendung der von WordPress bereitgestellten Methoden k\u00f6nnen wir Seiten steuern, auf denen solche Plugins nur verwendet werden k\u00f6nnen. Wenn wir beispielsweise Slider auf der Startseite anzeigen, m\u00fcssen die JS- und CSS-Dateien von Slider nicht auf einer anderen Seite eingef\u00fcgt werden. Es empfiehlt sich immer, JS und CSS nur bei Bedarf einzubinden. Dies ist eine bew\u00e4hrte Vorgehensweise, mit der die Leistung der Website verbessert und das Laden unserer Website beschleunigt wurde.<\/p>\n
Nehmen wir an, wir haben custom.js- und custom.css-Dateien, die unserer Site hinzugef\u00fcgt werden m\u00fcssen. Dazu m\u00fcssen wir den folgenden Code platzieren.<\/p>\n
add_action('wp_enqueue_scripts', 'include_js_css');\nfunction include_js_css() {\n\u00a0\u00a0\u00a0\u00a0wp_register_script('my-custom-script', get_stylesheet_directory_uri(). '\/js\/custom.js', array('jquery'), false, true);\n\u00a0\u00a0\u00a0\u00a0wp_enqueue_script('my-custom-script');\n\u00a0\n\u00a0\u00a0\u00a0\u00a0wp_register_style( \"my-custom-style\", get_stylesheet_directory_uri(). \"\/css\/custom.css\", array(), false, \"all\" );\n\u00a0\u00a0\u00a0\u00a0wp_enqueue_style( \"my-custom-style\" );\n}<\/code><\/pre>\nHinweis<\/strong>: Der 3. Parameter in der Funktion wp_register_script. Wir haben array(‚jquery‘) \u00fcbergeben, was bedeutet, dass unsere custom.js von der Datei jquery.js abh\u00e4ngig ist. Sie k\u00f6nnen hier ein emapy-Array erstellen, wenn Ihr Skript keine Abh\u00e4ngigkeiten hat.<\/p>\nDer letzte Parameter ist auf true gesetzt, was bedeutet, dass die Datei custom.js in eine Fu\u00dfzeile eingef\u00fcgt wird (vor dem Ende des Body-Tags).<\/p>\n
Parametererkl\u00e4rung f\u00fcr die Funktion wp_register_script()()<\/h3>\n
$handle<\/strong> (Erforderlich): Name des Skripts. Sollte einzigartig sein.
\n$src<\/strong> (erforderlich): Vollst\u00e4ndige URL des Skripts oder Pfad des Skripts relativ zum WordPress-Stammverzeichnis.
\n$deps<\/strong> (Optional): Ein Array registrierter Skript-Handles, von denen dieses Skript abh\u00e4ngt.
\nStandardwert: array()
\n$ver<\/strong> (Optional): String, der die Versionsnummer des Skripts angibt, falls vorhanden, die der URL als Abfragestring f\u00fcr Cache-Busting-Zwecke hinzugef\u00fcgt wird. Wenn version auf false gesetzt ist, wird automatisch eine Versionsnummer hinzugef\u00fcgt, die der aktuell installierten WordPress-Version entspricht. Wenn auf null gesetzt, wird keine Version hinzugef\u00fcgt. Der Standardwert ist false
\n$in_footer<\/strong> (Optional): Ob das Skript vor dem Schlie\u00dfen des body-Tags in die Warteschlange eingereiht werden soll, anstatt im Kopf. Standardwert ‚false‘.<\/p>\nParametererkl\u00e4rung f\u00fcr die Funktion wp_register_style()()<\/h3>\n
$handle<\/strong> (Erforderlich): Name des Stylesheets. Sollte einzigartig sein.
\n$src<\/strong> (erforderlich): Vollst\u00e4ndige URL des Stylesheets oder Pfad des Stylesheets relativ zum WordPress-Stammverzeichnis.
\n$deps<\/strong> (Optional): Ein Array registrierter Stylesheets behandelt dieses Stylesheet, von dem es abh\u00e4ngt.
\nStandardwert: array()
\n$ver<\/strong> (Optional): String, der die Stylesheet-Versionsnummer angibt, falls vorhanden, die der URL als Abfragestring f\u00fcr Cache-Busting-Zwecke hinzugef\u00fcgt wird. Wenn version auf false gesetzt ist, wird automatisch eine Versionsnummer hinzugef\u00fcgt, die der aktuell installierten WordPress-Version entspricht. Wenn auf null gesetzt, wird keine Version hinzugef\u00fcgt. Standardwert: false
\n$media<\/strong>(Optional): Das Medium, f\u00fcr das dieses Stylesheet definiert wurde. Akzeptiert Medientypen wie "Alle", "Drucken" und "Bildschirm" oder Medienabfragen wie "(Ausrichtung: Hochformat)" und "(max-Breite: 640px)". Standardwert: ‚alle‘.<\/p>\nEs geht darum, wie man JavaScript und CSS in WordPress einbindet. Wenn Sie Fragen oder Anregungen haben, hinterlassen Sie bitte unten Kommentare.<\/p>\n