Wo soll ich JS-Code in WordPress einfügen?

Wo soll der JS-Code in WordPress eingefügt werden?

In WordPress wird der JS-Code normalerweise direkt in die Datei header.php oder footer.php eingefügt, um den Code zum Aufrufen der JS-Datei hinzuzufügen.

Tatsächlich ist die beste Möglichkeit, JS-Dateien in WordPress-Themes zu referenzieren, die in WordPress integrierte Funktion wp_enqueue_script() zu verwenden. Mit dieser Funktion kann JavaScript-Code sicher zu von WordPress erstellten Seiten hinzugefügt werden, was nicht nur der Fall ist sorgt für maximale Kompatibilität. Es ist auch eine Möglichkeit, die Leistungseffizienz von WordPress zu verbessern.

Funktionscode:

<?php wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer ); ?>

Parameterbeschreibung:

$handle – der Name des aufgerufenen Skripts, der zur Unterscheidung anderer JS verwendet wird, sodass dies nicht möglich ist kann mit anderen js verwendet werden. Die Dateien haben den gleichen Namen.

$src – der Pfad (d. h. URL) der JS-Datei. Verwenden Sie nicht direkt die Pfadfunktion, z. B. das übergeordnete Thema mit get_template_directory_uri und das untergeordnete Thema mit get_stylesheet_directory_uri. (Von den Funktionen, die sich auf den WP-Vorlagenpfad beziehen, bezieht sich die mit der Vorlage normalerweise auf das übergeordnete Thema und die mit dem Stylesheet verweist auf das untergeordnete Thema.)

$deps – Abhängigkeit, die Identifizierung anderer JS, die Die geladene JS-Datei hängt vom String-Array (Array: String) ab. Dies ist der Name des Codes, der vor diesem Code geladen werden muss (wenn das JS-Skript von der JQuery-Bibliothek abhängt, muss JQuery hier in der Form geschrieben werden). ein Array), was nicht erforderlich ist.

$ver – Die Versionsnummer der geladenen js-Datei, die als Abfragezeichenfolge an das Ende des Pfads angehängt wird. Ihre Funktion besteht darin, sicherzustellen, dass die korrekten Versionsinformationen an den Client übergeben werden, um dies zu vermeiden vom Cache betroffen (z. B. Änderungen im JS-Skript). Wenn Sie die Versionsnummer ändern, können Sie den Browser des Kunden zwingen, den Cache zu aktualisieren. Wenn Sie dies tun, wird die Versionsnummer des aktuellen WordPress-Programms aufgerufen Wenn Sie es nicht anzeigen möchten, setzen Sie es auf NULL (nicht empfohlen).

$in_footer – boolescher Typ, legt fest, ob der JS-Dateiaufrufcode am Ende des HTML-Codes platziert wird. Wenn er auf „true“ gesetzt ist, wird er am Ende platziert. es wird am Kopfteil platziert. Tipp: Die Vorlage muss die Funktion wp_footer() korrekt platzieren.

Verwendung:

Wenn Sie eine js-Datei über die Funktion wp_enqueue_script laden, sollte sie einem Hook zugewiesen werden. Wenn sie nur im Vordergrund aufgerufen wird, verwenden Sie den Hook wp_enqueue_script; nur im Hintergrund Zum Aufrufen verwenden Sie admin_enqueue_scripts.

Beispiel:

Nur ​​im Vordergrund aufgerufen

<?php function boke8_theme_scripts() {      wp_enqueue_script( &#39;boke8&#39;, get_template_directory_uri() . &#39;/js/boke8.js&#39;, array(), &#39;1.0.0&#39;, true ); } add_action( &#39;wp_enqueue_scripts&#39;, &#39;boke8_theme_scripts&#39; ); ?>

Nur ​​im Hintergrund aufgerufen

<?php function boke8_theme_scripts() {      wp_enqueue_script( &#39;boke8&#39;, get_template_directory_uri() . &#39;/js/boke8.js&#39;, array(), &#39;1.0.0&#39;, true ); } add_action( &#39;admin_enqueue_scripts&#39;, &#39;boke8_theme_scripts&#39; ); ?>

Anhang: Funktionsstandort wp-includes/functions.wp- Skripte. PHP-Datei

Weitere technische Artikel zu WordPress finden Sie in der Spalte WordPress-Tutorial!

Das obige ist der detaillierte Inhalt vonWo soll ich JS-Code in WordPress einfügen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!