Sie sollten sie nicht einfach in den Header von WordPress einfügen; Stattdessen sollten Sie eine Technik namens Enqueueing verwenden, eine standardisierte Methode zum Speichern Ihrer Assets, die den zusätzlichen Vorteil der Verwaltung von Abhängigkeiten mit sich bringt. Enqueueing ist in WordPress verfügbar.
Wie funktioniert Enqueueing?
Beim Einreihen eines Skripts oder Stils in die Warteschlange müssen zwei Phasen abgeschlossen werden. Der erste Schritt besteht darin, es zu registrieren und WordPress darüber zu informieren, dass es vorhanden ist. Der zweite Schritt besteht darin, es in die Warteschlange einzureihen und seine Ausgabe im Header oder unmittelbar vor dem schließenden Body-Tag zu platzieren.
Das Konzept der Modularität ist die treibende Kraft hinter der Verwendung zweier unterschiedlicher Phasen. Manchmal möchten Sie WordPress über ein Asset informieren, auch wenn Sie das Element möglicherweise nicht auf jeder Seite verwenden möchten. Wenn Sie beispielsweise einen benutzerdefinierten Galerie-Shortcode erstellen, der Javascript verwendet, müssen Sie den JS nur dann laden, wenn der Shortcode verwendet wird; Es muss höchstwahrscheinlich nicht auf jeder Seite geladen werden.
Damit dies funktioniert, müssen Sie zunächst das Skript registrieren und dann warten, bis der Shortcode angezeigt wird.
Hinzufügen von Skripten und Stylesheets für das Frontend
Nachdem wir nun ein solides Verständnis von Enqueueing und Hooks haben, können wir mit dem nächsten Schritt fortfahren, der darin besteht, Skripte und Stylesheets in WordPress zu integrieren. Zunächst müssen Sie eine neue Datei speziell für Ihren Code generieren. Wenn Sie Javascript hinzufügen, sollte die Dateierweiterung.js sein; andernfalls sollte es.css sein (wenn ein Stylesheet hinzugefügt wird).
Der nächste Schritt besteht darin, die Datei entweder im Verzeichnis für Ihre Plugins oder Ihre Themes abzulegen. Danach müssen Sie einen Code erstellen, der die Datei in die Warteschlange stellt. Abhängig von der Platzierung der benutzerdefinierten Skript- oder Stylesheet-Datei müssen Sie diese möglicherweise in die Datei „functions.php“ Ihres übergeordneten oder untergeordneten Themes eingeben, oder Sie müssen dies möglicherweise in einer Datei tun, die zu einem Plugin gehört.
Einschließlich Skripten und Stylesheets für das Backend der Website
Im vorangegangenen Teil wurde erklärt, wie Sie Skripte und Stylesheets im Frontend Ihrer Website einbinden, damit diese Wirkung zeigen. Andererseits können Sie Skripte und Stylesheets, die das Backend Ihrer Website beeinflussen sollen, mithilfe vergleichbarer Ansätze in die Warteschlange stellen. Genauer gesagt, Ihr administratives Kontrollfeld.
Admin- und Queue-Skripte sind der Name des Hooks, den WordPress verwendet, um Skripte und Stylesheets, die für das Verwaltungs-Dashboard verwendet werden sollen, in die Warteschlange einzureihen. Um den Hook angemessen nutzen zu können, müssen Sie zunächst eine Funktion erstellen, die den Einreihcode enthält, und dann eine Aktion hinzufügen, die den Hook-Namen und den Funktionsnamen als zwei Parameter verwendet.
Bedingtes Einreihen in die Warteschlange
Es kann vorkommen, dass Sie ein bestimmtes Skript oder Stylesheet nur dann in die Warteschlange stellen möchten, wenn ein oder mehrere vorgegebene Kriterien erfüllt sind.
Die Anzahl der bedingten Anweisungen, die in den mit „()“ gekennzeichneten Klammern enthalten sind, kann zwischen eins und mehr als eins liegen. Wenn zwei oder mehr Kriterien kombiniert werden, werden die logischen Operatoren && und || verwendet müssen genutzt werden. Eine logische Konjunktion wird durch den Operator && gekennzeichnet, der angibt, dass eine Aussage nur dann als korrekt validiert werden kann, wenn beide Voraussetzungen erfüllt sind. Das || Der Operator hingegen repräsentiert eine logische Disjunktion. Dies bedeutet, dass die Behauptung als wahr gilt, wenn eine der oben genannten Voraussetzungen erfüllt ist.
Weitere Artikel dieser Art finden Sie bei Seahawk Media
