So fügen Sie Javascript-Code zur WordPress-Website hinzu

Dieser Artikel stellt Ihnen die Methode zum Hinzufügen von Javascript-Code zur WordPress-Website vor. Er hat einen gewissen Referenzwert.

Wenn Sie das von Ihnen erstellte Vorlagenthema ändern und die Kontrolle über Upgrades und Aktualisierungen haben, können Sie Javascript-Code frei hinzufügen und ihn gemäß der tatsächlichen Geschäftslogik einführen. Wenn Sie jedoch Javascript-Code hinzufügen möchten, der nichts mit dem Thema zu tun hat, wie z. B. Besucherstatistiken, Leistungsüberwachung und andere Arten von unabhängigem Code , da er nichts mit der Themendatei zu tun hat, dann Am besten fügen Sie den Code dem Plug-in hinzu.

WordPress bietet die Funktion wp_enqueue_script und den Hook wp_enqueue_scripts

, um Entwicklern das Einbetten von benutzerdefiniertem Code zu erleichtern.

Im Folgenden finden Sie eine kurze Beschreibung der hinzuzufügenden Schritte:

Erstellen Sie ein neues Verzeichnis unter dem Plug-In-Verzeichnis. Erstellen Sie nach Eingabe des Verzeichnisses eine neue Plug-In-Datei index.php und fügen Sie den folgenden Beispielcode ein:

<?php
/*
Plugin Name: custom javascript
Description: Add custom javascript
*/
function add_custom_scripts() {  
   wp_enqueue_script( 'jquery-ui', 'https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js', array(), '1.12.1', false);
}
add_action( 'wp_enqueue_scripts', 'add_custom_scripts' );

wp_enqueue_script Beschreibung der fünf Parameter der Funktion

1. string $handle #Der eindeutige Name für die aktuell eingeführte Javascript-Datei

2. string $src = '' #javascript document resources url

3 🎜> #Abhängigkeitscode-Handle

4 >5. bool $in_footer = false

#Ist es unten im Dokument, wenn es falsch ist, wird Javascript standardmäßig am Kopf des Dokuments geladen. Speichern Sie die Datei, gehen Sie zum Plug-in-Center, um das Plug-in zu aktivieren, und sehen Sie sich den Seitenquellcode auf der Browserseite an, um die importierte Javascript-Datei anzuzeigen.

Die Verwendung der Funktion wp_enqueue_script

hat folgende Vorteile:

a Sie können die Ladereihenfolge mit anderen abhängigen Codes festlegen

b die Versionsnummer. Förderlich für die Cache-Verwaltung.

c. Sie können den Speicherort des eingebetteten Codes im Dokument angeben.

Verwandte Empfehlungen:

So verstehen Sie die Rolle der Reflexion im Di-Container-Quellcode des yii2-Frameworks

Eine weitere Möglichkeit, Laravel-Datenbanktests (SQLite) durchzuführen

Das obige ist der detaillierte Inhalt vonSo fügen Sie Javascript-Code zur WordPress-Website hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!