Предимството да се използва CSS препроцесор като Less вместо да се редактират на ръка множество еднакви css елементи е безспорно. Представете си най простото нещо – колко пъти се повтаря описанието само на един цвят във вашата тема и ако решите да го смените на колко места ще трябва да отразите промените. А сега да погледнем този елементарен пример :

Което съответно се компилира до този css код

Само с една промяна може да сменим цялата цветова схема на сайта. Или пък да направим различни скинове на нашата тема. При трудоемък и обемен проект какъвто е една WordPress тема възможността да се използват променливи и функции значително ускорява процеса на разработване. За съжаление добавянето на поддръжката на Less към всяка тема е процес, който отнема доста време. Или поне беше досега. Наскоро попаднах на плъгина Less Theme Support, на който веднага станах голям фен.

Използвайки този плъгин добавянето на поддръжка на Less към WordPress тема изисква само две елементарни стъпки.

  1. Създаване на style.less в главната директория на нашата тема
  2. Добавяне на в after_setup_theme hook на следния код
Масивът с параметри на add_theme_support поддържа следните стойности, които дават гъвкавост на разработчика

  • enable – добавя поддръжка на Less и включва less.min.js
  • develop – добавя поддръжка на Less development environment for Less и включва less-develop.js
  • watch – добавя поддръжка на watch mode за Less и включва less-watch.js.
  • minify – добавя поддръжка на минифицираната версия на стиловете style.min.css

Ето една примерна конфигурация за развойна среда

и съответно една за production сайт, която предоставя минифицрана версия на нашите стилове.

Както виждате с две елементарни стъпки може да си улесним живота, докато се съсредоточим върху разработването на нашите нови теми.