Heim > Backend-Entwicklung > PHP-Tutorial > So fügen Sie Javascript-Code zur WordPress-Website hinzu

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

不言
Freigeben: 2023-04-03 09:50:02
Original
3324 Leute haben es durchsucht

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' );
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage