Es gibt oft viele verschiedene Gründe, warum Sie JavaScript zu WordPress hinzufügen möchten, z. B. eine geringfügige Anpassung an einer vorhandenen Funktion oder vielleicht der Versuch, ein Skript eines Drittanbieters hinzuzufügen. Sie müssen sicherstellen, dass Sie es nicht falsch machen, denn sonst könnte Ihre Website zerstört werden. Dies gilt unabhängig vom Grund, warum Sie es tun möchten.
Es gibt einen zuverlässigen Ansatz zur Integration von JavaScript in WordPress. Dann gibt es noch die schädlichen Methoden, die entweder dazu führen können, dass Ihre Website nicht mehr funktionsfähig ist oder sich negativ auf ihre Gesamtleistung auswirkt.
In diesem Beitrag stellen wir verschiedene Vorschläge zum Hinzufügen von JavaScript-Code zu Websites sowie Empfehlungen vor, welche Optionen für bestimmte zukünftige Szenarien geeignet sind.
JavaScript in WordPress
Die Erweiterbarkeit von WordPress ermöglicht es Ihnen, Ihrer Website neue Funktionen und Fähigkeiten hinzuzufügen, ohne Ihr gesamtes Theme . Dies wird dadurch ermöglicht, dass WordPress problemlos angepasst werden kann. Anstatt bei Null anzufangen und ein neues WordPress-Theme zu erstellen, können Sie Ihrer Website Funktionen hinzufügen, indem Sie einfach Plugins installieren.
Sie können JavaScript auch zu WordPress hinzufügen, ohne ein Plugin zu erstellen, wenn für die Funktionalität, die Sie hinzufügen möchten, kein Plugin und Sie kein Plugin erstellen oder installieren möchten. Da Javascript kein Plugin ist, kann es nicht auf WordPress installiert werden.
Bei der Verwendung dieser Strategie gibt es ein Problem, auch wenn es einfach ist, JavaSript-Code direkt in Ihre header.php-Datei einzufügen. Es kann zu Konflikten mit anderen Plugins kommen, wenn diese ihre eigenen JS-Skripte laden.
Die Schritt-für-Schritt-Anleitung zur Installation von JavaScript auf WordPress
Ihrer WordPress-Site kann benutzerdefinierter JavaScript-Code auf verschiedene Arten hinzugefügt werden, von denen jede ihren Zweck hat:
Integrieren Sie ein Skript in bestimmte Seiten, indem Sie Plugins wie Kopf- und Fußzeilen verwenden.
„functions.php“ zu einer einzelnen Seite Ihrer Wahl, einer bestimmten Seite oder mehreren Seiten hinzufügen .
Fügen Sie eine JavaScript-Datei in den Header Ihres Themes ein.
Fügen Sie JavaScript in den Header Ihres Themes ein
In manchen Fällen möchten Sie möglicherweise, dass die JavaScript-Datei auf der gesamten Website angezeigt wird, ohne dass ein Plugin verwendet wird.
Das Hinzufügen eines Skripts von einem Drittanbieter zu allen Ihren Seiten kann durch Einfügen des Skripts oder durch Hinzufügen des referenzierten Skripts selbst im Kopf Ihrer header.php-Vorlagendatei erfolgen. Beispielsweise optimiert das Skript „instantpage.js“ das Laden Ihrer Website. Sie können beispielsweise Instantpage.js hinzufügen.
Diese Änderungen gehen möglicherweise verloren, wenn Sie Ihr Theme aktualisieren. Es wird dringend empfohlen, ein untergeordnetes Thema einzurichten, wenn Sie dies dennoch erreichen möchten, auch wenn dies dringend empfohlen wird.
In diesem speziellen Fall, in dem dieses Skript überall eingefügt werden soll, können Sie die Datei direkt zur Vorlage hinzufügen, indem Sie die unten aufgeführten Methoden befolgen:
var script = document.createElement('script'); script.src = „http://yourdomain.com/filepath/myfile.js“; document.head.appendChild(script);
Dieser Aufruf der Datei (oder des Skripts) muss in den Raum zwischen den Meta-Tags und dem Link zum Stylesheet eingefügt werden. Um JavaScript zu einer HTML-Seite hinzuzufügen, befolgen Sie die gleichen Schritte wie für andere HTML-Seiten.
Abschließende Kommentare
Ein grundlegender Punkt, den Sie beachten sollten, ist, dass der wp-Head-Hook nur im Frontend Ihrer Website hilfreich ist. Aus diesem Grund ist jegliches benutzerdefiniertes JavaScript, das mit dieser Methode eingeführt wird, im Verwaltungs- oder Anmeldebereich der Website nicht sichtbar. Möglicherweise können Sie jedoch das gleiche Ergebnis erzielen, indem Sie den Admin-Head-Aktions-Hook oder den Login-Head-Aktions-Hook verwenden. Beide Hooks befinden sich im Kopfbereich der Seite.
Weitere Artikel dieser Art finden Sie bei Seahawk Media
