Laut Angaben der führenden CMS-Community verwenden 25% des Internets WordPress. Angesichts der Trends haben wir keine andere Wahl, als ihnen zu glauben. Fast jeder zweite Blog und jede vierte Website scheint das anscheinend leistungsfähigste und benutzerfreundlichste CMS zu verwenden. Darauf freuen sich Menschen und Entwickler, ihre Websites auf die WordPress-Plattform zu verlagern.
In diesem Bestreben, Ihre süße und einfache Website in eine komplexe, leistungsstarke CMS-Website umzuwandeln, stecken die Leute in einem sehr grundlegenden Schritt fest und stellen die Frage: Wie bekomme ich diese externe JavaScript-Datei (.js)? Arbeiten Sie in diesem WordPress-Theme? Bist du auch derjenige, der die gleiche Frage stellt? Nun, meine Lieben, Sie sind endlich am richtigen Ort: Ich bin hier, um Sie Schritt für Schritt durch den einfachsten Weg zu führen, um diese Aufgabe zu erfüllen!
Wenn Sie nun WordPress installiert und mit externem JS gestartet haben, können Sie die Datei einbinden.
Hinweis: Ich verwende die folgende Datei (testrun.js) für dieses Tutorial und das Thema, an dem ich arbeite, ist WordPress's Twenty Sixteen.
alert ('Hallo');
Lass uns anfangen!
Alle Skripte und Stylesheets werden aus der functions.php geladen. Dies ist die richtige Art, sie in WordPress zu laden, um Konflikte mit anderen Skripten zu vermeiden, die entweder von WordPress selbst oder von Ihren verwendeten Plugins geladen werden. Wenn Sie WordPress alle enthaltenen Dateien verwalten lassen, müssen Sie es wissen lassen, dass diese Datei im Kopf- (Anfang) oder Fußzeilenteil (Ende) der Datei enthalten sein soll. Jedes Template / Theme hat seine eigene functions.php, so dass es schwierig ist, den genauen Namen der Funktionen, die alle einzubeziehenden Dateien enthalten, zu verallgemeinern. Da ich 16 als Thema nehme, ist unten der Schnappschuss, wie meine functions.php (verwendet für das Einschließen von Dateien). Ihre sollten in gewissem Maße so aussehen:
Die Funktion wp_enqueue_script verknüpft eine Skriptdatei zum richtigen Zeitpunkt gemäß den Skriptabhängigkeiten mit der generierten Seite, sofern das Skript noch nicht enthalten ist und alle Abhängigkeiten registriert wurden. Sie können entweder ein Skript mit einem zuvor mit der Funktion wp_register_script () registrierten Handle verknüpfen oder dieser Funktion alle zum Verknüpfen eines Skripts erforderlichen Parameter bereitstellen.
Das wp_enqueue_script ($ handle, $ src, $ deps, $ ver, $ in_footer) enthält die folgenden Parameter:
$ handle
(string) (Erforderlich) Name des Skripts.
$ src
(string | bool) (Optional) Pfad zum Skript aus dem Stammverzeichnis von WordPress. Beispiel: '/js/myscript.js'.
Standardwert: false
$ deps
(array) (Optional) Ein Array registrierter Handles, von denen dieses Skript abhängt.
Standardwert: array ()
$ ver
(string | bool) (Optional) Zeichenfolge, die die Versionsnummer des Skripts angibt, sofern vorhanden. Dieser Parameter wird verwendet, um sicherzustellen, dass die richtige Version unabhängig von der Zwischenspeicherung an den Client gesendet wird. Er sollte daher einbezogen werden, wenn eine Versionsnummer verfügbar und für das Skript sinnvoll ist.
Standardwert: false
$ in_footer
(bool) (Optional) Gibt an, ob das Skript zuvor in die Warteschlange gestellt werden soll oder davor
