WordPress: Die jQuery-Bi­blio­thek und ihre Vorteile

Das Framework jQuery optimiert Ihre WordPress-Seite und er­mög­licht Ihnen die Nutzung ver­schie­de­ner Funk­tio­nen, die von allen gängigen Browsern erkannt werden. Da jQuery in WordPress enthalten ist, lässt sich die Bi­blio­thek leicht hin­zu­fü­gen.

Was ist jQuery für WordPress?

Um dy­na­mi­sche Websites in einem Browser anzeigen zu lassen, ist Ja­va­Script eine beliebte und viel genutzte Skript­spra­che. Ein häufiges Problem in der Ver­gan­gen­heit war, dass un­ter­schied­li­che Browser die je­wei­li­gen Skripte anders in­ter­pre­tier­ten und Inhalte so nicht gleich­mä­ßig angezeigt wurden. Ältere Browser konnten die Skripte teilweise gar nicht anzeigen und gaben statt­des­sen Feh­ler­mel­dun­gen aus. Abhilfe schuf die Ja­va­Script-Bi­blio­thek jQuery. Gerade in WordPress und anderen beliebten Content-Ma­nage­ment-Systemen sorgt sie heute für rei­bungs­lo­se Abläufe und ist bereits au­to­ma­tisch in­te­griert.

Warum sollten Sie jQuery auf Ihrer WordPress-Seite nutzen?

Es gibt gleich mehrere Gründe, warum Sie jQuery auf Ihrer WordPress-Seite verwenden sollten. Auch ohne große Vor­kennt­nis­se er­mög­licht Ihnen dies, eine Website zu erstellen, die mit dy­na­mi­schen und in­ter­ak­ti­ven Elementen versehen ist und trotzdem in jedem gängigen Browser funk­tio­niert. Skripte können durch jQuery direkt im Browser aus­ge­führt werden, ohne die Seite dafür neu laden zu müssen. Das wiederum ist positiv für Ihre ver­füg­ba­re Band­brei­te. Darüber hinaus ist jQuery fester WordPress-Be­stand­teil, weshalb es sinnvoll ist, seine Nutzung direkt von Anfang an mit­zu­ler­nen und mit­zu­den­ken.

So fügen Sie für WordPress jQuery hinzu

Da jQuery bereits in WordPress enthalten ist, müssen Sie kein zu­sätz­li­ches Plugin in­stal­lie­ren, um die Bi­blio­thek zu nutzen. Wichtig ist al­ler­dings, dass Sie eine Kom­pa­ti­bi­li­tät zwischen beiden her­stel­len. Ansonsten würden mög­li­cher­wei­se Probleme durch den Shortcut „$“ entstehen. Dieser wird von jQuery verwendet, WordPress erkennt ihn al­ler­dings nicht und reagiert mit einer Feh­ler­mel­dung. Im Folgenden erklären wir Ihnen, wie Sie jQuery zu WordPress hin­zu­fü­gen und diese Feh­ler­quel­le von Anfang an aus­schlie­ßen. Bevor Sie mit den einzelnen Schritten beginnen, sollten Sie unbedingt ein Backup Ihrer gesamten WordPress-Website anlegen.

Nutzen Sie den No Conflict Mode

Um jQuery in WordPress kon­flikt­frei zu verwenden, nutzen Sie den No Conflict Mode. Dafür erstellen Sie ein einfaches Skript mit folgendem Inhalt und führen es aus:

$.noConflict ();
jQuery (document) .ready (function () {
jQuery ("button") .click (function () {
jQuery ("p") .text ("jQuery is still working” ");
}};
}};

Erstellen Sie ein neues Skript

Close

Um nun die Funk­tio­nen von jQuery in WordPress nutzen zu können, müssen Sie ein neues Skript erstellen. Dessen Namen können Sie frei wählen, die Datei sollte al­ler­dings die Endung .js erhalten. Ein Beispiel wäre also: neues_script.js. Im nächsten Schritt erstellen Sie einen Un­ter­ord­ner im Ver­zeich­nis Ihres WordPress-Themes. Diesen be­zeich­nen Sie als /js. Es kann außerdem sinnvoll sein, zunächst ein WordPress-Child-Theme zu erstellen, um si­cher­zu­ge­hen, dass even­tu­el­le Ver­än­de­run­gen keine negativen Aus­wir­kun­gen auf Ihr Theme haben.

Erstellen Sie eine functions-Datei

![Graphical user interface, text, ap­pli­ca­ti­on

Close

Im dritten Schritt erstellen Sie eine neue Datei namens functions.php und speichern diese im Ordner Ihres Themes. Über­prü­fen Sie al­ler­dings vorher, ob die Datei mög­li­cher­wei­se schon existiert. functions.php wird dafür verwendet, ein Theme an­zu­pas­sen und Funk­tio­nen hin­zu­zu­fü­gen. Um die Features von jQuery in WordPress zu nutzen, verwenden Sie die Funktion wp_enqueue-script(). Das ent­spre­chen­de Skript sieht bei­spiel­haft so aus:

Function beispiel\_theme\_scripts () {
wp\_enqueue\_script ( ( 'neues-script', get\_template\_directory\_uri () .
' /js/neues-script.js', array ( 'jquery' ), '1.0.0', true );
}
Add\_action ( 'wp\_enqueue\_scripts', 'beispiel\_theme\_scripts' );

Fazit: jQuery für WordPress lohnt sich

Da jQuery in WordPress enthalten ist, liegt die Nutzung dieser Bi­blio­thek nahe. Auch darüber hinaus gibt es gute Gründe, warum Sie Zeit in ein jQuery-Tutorial in­ves­tie­ren sollten. Das Framework er­leich­tert nämlich die Arbeit und bietet viele sinnvolle Features und Funk­tio­nen, die Ihren Web­auf­tritt deutlich at­trak­ti­ver machen.