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

In der folgenden Spalte des WordPress-Tutorials erfahren Sie, wie Sie Javascript-Code zur WordPress-Website hinzufügen. Ich hoffe, dass es für Freunde in Not hilfreich ist!

Wenn Sie das von Ihnen erstellte Vorlagenthema ändern, aktualisieren und aktualisieren möchten, können Sie Javascript-Code freier hinzufügen und ihn entsprechend dem tatsächlichen Geschäft einführen Logik. Wenn Sie jedoch JavaScript-Code hinzufügen möchten, der nichts mit dem Theme zu tun hat, wie z. B. Besucherstatistiken, Leistungsüberwachung und andere Arten von unabhängigem Code, da er nichts mit der Theme-Datei zu tun hat, dann fügen Sie am besten den hinzu Code im Plug-in.

WordPress bietet die Funktion wp_enqueue_script und den Hook wp_enqueue_scripts

, um Entwicklern die Möglichkeit zu geben, benutzerdefinierten Code einzubetten.

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( &#39;jquery-ui&#39;, &#39;https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js&#39;, array(), &#39;1.12.1&#39;, false);
}
add_action( &#39;wp_enqueue_scripts&#39;, &#39;add_custom_scripts&#39; );

Beschreibung der fünf Parameter der wp_enqueue_script-Funktion

1. Der eindeutige Name für die aktuell importierte Javascript-Datei

2. string $src = '' #Javascript-Dokumentressourcen-URL

3. array $deps = array() #Abhängigkeitscode-Handle

4. Wenn die Versionsnummer nicht angegeben ist, stimmt sie mit der Versionsnummer des WordPress-Systems überein

5 bool $in_footer = false #Ob sie sich am Ende des Dokuments befindet. Wenn sie falsch ist, wird Javascript geladen Standardmäßig der Kopf des Dokuments

Speichern Sie abschließend die Datei, gehen Sie zum Plug-In-Center, um das Plug-In zu aktivieren, und aktivieren Sie das Plug-In im Browser. Wenn Sie den Seitenquellcode auf der Seite anzeigen Auf der Seite können Sie die importierte Javascript-Datei sehen.

Die Verwendung der Funktion wp_enqueue_script hat folgende Vorteile:

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

b Sie können eine Versionsnummer angeben, um den Cache zu erleichtern Verwaltung

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

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!