Use latest jQuery from CDN in WordPress

Advertisement:

Das aktuelle jQuery von einem CDN in WordPress nutzen

WordPress wird automatisch mit jQuery ausgeliefert. Immer wenn du deinen WordPress Kern aktualisierst und eine neue jQuery Version mit ausgeliefert wird, wird diese ebenfalls aktualisiert und benutzt. Vielleicht hast du aber Gründe, dein WordPress nicht zu aktualisieren oder möchtest eine ältere Version von jQuery benutzen oder jQuery von einem Content Delivery Network (CDN) einbinden. Google hostet jQuery und andere Bibliotheken öffentlich, so dass du sie in dein WordPress Theme einbinden und benutzen kannst. Dies spart zudem Dateiabfragen an deinen Webserver, was deine Seite ein kleines bisschen schneller machen könnte. Außer dem kannst du so sicher gehen, dass immer nur eine bestimmt Version von jQuery benutzt wird.

In diesem Beitrag zeige ich dir wie du die verfügbaren Bibliotheken in deinem WordPress Theme benutzen kannst, die Google auf seinem CDN bereit stellt. Hierfür wirst du lediglich vier Zeilen einer Funktion in deine functions.php hinzufügen. Wenn du ein WordPress Multi-Site Netzwerk betreibst, kannst du diese Funktion auch in deine shared functions-Datei aufnehmen.

Finde die richtige Version

Auf der Google Developer Seite findest du alle Versionen der Bibliotheken, die sie bereit stellen und einen Beispiel-Link, um diese einzubinden. Für jQuery ist dies https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js wobei 1.12.4 die benutzte Version ist.

Um diese Datei in deinem WordPress Theme zu benutzen, musst du einfach nur eine Funktion hinzufügen, die das standard jQuery script entfernt. In dieser Funktion fügst du das Script von Googles CDN zur Reihe der im Header geladenen Scripte hinzu.

Die Funktion

Das war’s schon!

Hinweis

Vielleicht ist dir das fehlende http: in der Script-URI aufgefallen? Das ist mit Absicht! Indem du das Protokoll weg lässt, stellst du sicher dass es vom gleichen Protokoll geladen wird, auf dem auch dein WordPress liegt. Anderenfalls werden es die meisten Browser wegen der Cross origin policy nicht laden. Du solltest keine Dateien von https:// einbinden, wenn deine WordPress Installation nicht auf HTTPS läuft – und anders herum. Das gilt genau so für andere Embeds wie zum Beispiel YouTube Videos und anderes.

Like this post? Share it!
Advertisement:

One thought on “Use latest jQuery from CDN in WordPress

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>