WordPress-Plugin zur Kombination von CSS und JS

Die folgende Spalte mit WordPress-Tipps stellt Ihnen das WordPress-Plug-in vor, das CSS und JS kombiniert. Ich hoffe, es wird Freunden, die es benötigen, hilfreich sein!

Wir erwägen normalerweise, mehrere CSS- oder JS-Dateien in einer Datei für die Ausgabe zusammenzuführen. Um dieses Problem zu lösen, habe ich dieses WordPress-Plugin geschrieben, um dies in WordPress One zu implementieren .

Implementierungsprinzip

Wenn Sie mein vorheriges „PHP Combined Compressed CSS Output Modular CSS Writing“ gelesen haben, können Sie zunächst einige meiner Verarbeitungsmethoden für Cache-Dateien verstehen einige Ideen zum Zusammenführen von Dateien und Komprimieren von Code. Das Implementierungsprinzip dieses Plug-Ins ist im Wesentlichen das gleiche wie im obigen Artikel.

Installation

Laden Sie zunächst das Plugin herunter, ich hoste es auf meinem GitHub, Sie können es auf dieser Seite herunterladen. Nach dem Herunterladen entpacken Sie es. Laden Sie nach dem Entpacken den gesamten entpackten Ordner direkt in Ihr WordPress-Website-Plug-in-Verzeichnis hoch. Gehen Sie dann in den Hintergrund, um es zu aktivieren.

Verwenden Sie

, um den Hintergrund aufzurufen. Unter dem Menü „Einstellungen“ gibt es ein Untermenü, in dem Sie die verschiedenen Optionen festlegen können sind Kommentare zum Verständnis der Funktionalität.

Sie müssen das Design ändern, um wp-minify zu verwenden, da die Art und Weise, wie Sie CSS und JS ausgeben, unterschiedlich ist. Löschen Sie in Ihrem Theme die ursprüngliche CSS- und JS-Ausgabe und verwenden Sie die folgende Methode zur Ausgabe von JS:

<?php wp_minfiy_js([&#39;/wp-content/themes/yourtheme/js/base.js&#39;,&#39;/wp-content/themes/yourtheme/js/module.js&#39;,&#39;/wp-content/themes/yourtheme/js/others.js&#39;]); ?>

Die Methode zur Ausgabe von CSS ist dieselbe, verwenden Sie jedoch eine andere Funktion wp_minify_css(). Der Parameter der Funktion ist ein Array und das Element innerhalb des Arrays ist der Pfad zur Skriptdatei. Nehmen Sie das WordPress-Installationsverzeichnis als Stammverzeichnis und schreiben Sie den vollständigen relativen Pfad.

Warum sollten wir Skripte relativ zum WordPress-Stammverzeichnis schreiben? Anstatt relativ zu Ihrem aktuellen Themenverzeichnis? Tatsächlich ist der Grund sehr einfach, denn das CSS oder JS, auf das Sie verweisen, befindet sich nicht unbedingt im Themenverzeichnis. Manchmal verweisen Sie auf Stile oder Skripte in anderen Verzeichnissen. Natürlich ist dies ein relativer Pfad. Sie können das Skript auch im übergeordneten Verzeichnis von WordPress referenzieren, z. B. „/../test.js“. Beachten Sie jedoch, dass der Anfang des Skripts andernfalls mit / beginnen muss Dies kann zu relativen Pfadfehlern führen.

Natürlich können die spezifischen Nutzungsmethoden leicht geändert oder angewendet werden, nachdem Sie die Prinzipien verstanden haben.

Weitere technische Artikel zu WordPress finden Sie in der Rubrik Tutorial zum Erstellen von WordPress-Websites!

Das obige ist der detaillierte Inhalt vonWordPress-Plugin zur Kombination von CSS und JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!