Neuling braucht Hilfe bei "Javascript einbinden"

Hallo Klaus,

Wie schön, gerade angemeldet und schon kann ich eine Frage beantworten. Vorausgesetzt, du meinst mit Root-Ordner den WordPress Ordner

Das ist abhängig davon, wie dein WordPress installiert ist.

Ist WordPress direkt unter der Domain erreichbar http://<domain>/ dann sollte deine Angabe eigentlich funktionieren. Also src='/me/artikel.js'.
Ist WordPress in einem Unterordner installiert, z.B. http://<domain>/wordpress, dann muss dieser auch bei dem Skript angegeben werden. Also src='/wordpress/me/artikel.js'.


Ich hoffe, es hilft dir weiter.

Gruß
Thorsten

 

Hallo kleppi,

ok, wenn du das Ganze aus einem Plugin heraus machen möchtest, bietet WordPress dir dafür natürlich die nötigen Werkzeuge an.

Der empfohlene Weg in WordPress javascript in einem Plugin zu verwenden ist
1. JavaScript registrieren
2. JavaScript enqueuen

Dafür gibt es zwei Methoden:
1. wp_register_script('hier einen identifier eintragen', plugins_url('/js/deinscript.js', __FILE__));
2. wp_enqueue_script('hier einen identifier eintragen');

Was noch sehr praktisch ist, du kannst Abhängigkeiten zu anderen Skripten definieren. Benötigt dein Skript zum Beispiel jQuery, kannst du deinen wp_register_script Aufruf folgendermaßen umgestellten:
wp_register_script('hier einen identifier eintragen', plugins_url('/js/deinscript.js', __FILE__), array('jquery'));
Das führt dazu, dass jquery definitiv vor deinem Skript in die Seite inkludiert wird und du es gefahrlos verwenden kannst.

Die beiden Methoden können natürlich noch viel mehr, das kannst unter folgenden Links nachlesen. Da gibt es eine Auflistung von Javascript Bibliotheken, die schon mit WordPress mitgeliefert werden und die du als Abhängigkeiten verwenden kannst.
https://developer.wordpress.org/reference/functions/wp_enqueue_script/
https://developer.wordpress.org/reference/functions/wp_register_script/

Ich hoffe, das hilft dir weiter.


Viele Grüße
Thorsten

 

Ich würde es über eine Funktion in der functions.php laden. Vorsicht ist natürlich geboten wenn es ein Standard Theme ist und ein Update kommt wäre diese Änderung weg, arbeite hier mit Child-Themes und lege Dir dort eine functions.php Datei an.

die Funktion braucht nicht viel.

wp_register_script
wp_enqueue_script

und dann mit add_action wird es geladen. Such nach den Begriffen, dann findest Du dazu auch eine Anleitung Thorsten hat ja schon das ein oder andere verlinkt.

 

Du kannst wahrscheinlich einfach statt /me den Link mit ../../me starten, damit stellst Du sicher, dass auch bei eventuellen Rewrites der richtige Pfad genommen wird, der vom Stammmverzeichnis abzweigt.