LESS-Compiler für WordPress

kann ich einige .less-Dateien automatisch mit WordPress kompilieren. Ich fand nur weniger PHP

Danke Ogni

Solutions Collecting From Web of "LESS-Compiler für WordPress"

Alternative siehe das lessphp-Projekt: https://github.com/leafo/lessphp

functioniert gut und hat ein Team von Mitwirkenden. Aber es hat keine Out-of-the-Box-function für WordPress; aber nur PHP und das WP hat die richtigen Hooks. Werden Sie nur in Themen verwenden, dann ist es auch in Ordnung, dass Sie dies einschließen und es mit Ihren Anforderungen und keine Abhängigkeiten zu einem Plugin funktioniert.

Für eine einfache Verwendung in WP, siehe dieses Projekt https://github.com/sanchothefat/wp-less ist ein Wrapper und verwenden lessphp; aber eine neue Abhängigkeiten. Aber es ist besser als Plugin, wenn der Kunde das Plugin mit Updates und anderen Aktionen ändert und einfach zu benutzen ist.

Werfen Sie einen Blick auf #BW LESS CSS Plugin im Repo.

Aus der Plugins-Beschreibung:

.less Sie .less Dateien an Ihre Vorlage an, indem Sie die Plugin-Admin-Seite unter #BW Optionen -> LESS-CSS verwenden

  • Geben Sie Dateien relativ zu Ihrem Themenstamm an (z. B. style.less für eine Datei im Stammverzeichnis)
  • Wenn Sie spezielle Stylesheets verwenden (z. B. für den Druck), wählen Sie den Medientyp
  • Um mobile Geräte als Ziel zu verwenden, aktivieren Sie das Kontrollkästchen “Mobil” (siehe FAQ unten) 3d. Um das kompilierte CSS zu verkleinern (komprimieren), aktivieren Sie das Kontrollkästchen “Minimieren”. Include manuell .less-Dateien:
  • Um eine .less Datei in eine Vorlage zu .less , verwenden Sie < ?php bw_less_css( $file, $args = array() ) ?> In einer Vorlagendatei, die von der Aktion after_setup_theme aufgerufen wird.
  add_action( 'after_setup_theme', 'lesscss_include' ); function lesscss_include() { bw_less_css( 'style.css' ); bw_less_css( 'css/print.css', array( 'media' => 'print', 'minify' => true, 'mobile' => false, 'force' => false ); } 

Dateien sind relativ zum Themenstammverzeichnis und weniger Compiler speichert die .less Datei im selben Pfad wie die .less Datei. Wenn Sie @import , um mehrere Stylesheets in einer einzigen Datei zu kompilieren, z. B. Twitter Bootstrap, @import Sie den Entwicklermodus während der Entwicklung, um zu erzwingen, dass die Stylesheets jedes Mal neu kompiliert werden, wenn die Seite geladen wird. Wenn der Entwicklermodus deaktiviert ist, werden importierte Stylesheets nur dann neu kompiliert, wenn Sie das Hauptstilesheet erneut speichern. Wenn Sie manuell weniger Dateien mit bw_less_css() , legen Sie 'force' => true .

Ja, es gibt Plugins, die diese Bibliothek nutzen.

Zum Beispiel wp-less , das eingereihte LESS Stylesheets in CSS kompiliert.

Sie sollten das Kompilieren von CSS bei jedem Besuch Ihrer Website vermeiden, es sei denn, Sie haben eine Cache-Lösung. Ich schlage vor, Sie verwenden den Task-Runner von Grunt.js nur einmal zum Kompilieren von LESS . Sie können LESS-Dateien in Ihrer Entwicklungsumgebung kompilieren, während Sie Dateien bearbeiten, Sie können auch Beobachter für das schnelle Kompilieren hinzufügen und sogar ein Liveload für eine schnelle Entwicklung hinzufügen.