Новый плагин добавляет CSS препроцессор Less к WordPress темам

Многие разработчики WordPress перешли на использование CSS препроцессора Less, чтобы ускорить разработку тем. Доступность его переменных, mixin’ов и функций позволяет вам делать гораздо больше всего с CSS, и делать это более эффективно. Также Less упрощает компиляцию и минимизацию файлов. Однако базовая настройка добавления Less к каждой темы – отнимающий много времени процесс.

Justin Kopepasah написал свое учебное руководство по использованию Less в работающей WordPress-теме, за которым последовало еще одно, в котором вся функциональность автоматически задавалась как Git подмодуль. Со временем он обнаружил, что добавление Less к каждой теме стало тяжким трудом, и в итоге он решил создать плагин, чтобы упростить процесс для всех людей.

Плагин Less Theme Support кардинальным образом упрощает процесс добавления Less к вашей WordPress-теме. Требуется выполнить всего два простых шага для активации:

1. Добавить style.less в корневую директорию темы
2. Добавить следующий код к хуку after_setup_theme:

   add_theme_support( 'less', array( 'enable' => true ) );

Less Theme Support поставляется вместе с четырьмя разными опциями, которые определяют, как будет функционировать плагин в зависимости от того, на каком сайте он используется (в среде разработки или в продакшне). Все они представляют собой логические значения, по умолчанию стоящие в false:

• enable – включает Less и подключает less.min.js к фронтэнду.
• develop  — включает среду разработки для Less и подключает less-develop.js
• watch – включает режим отслеживания для Less и подключает less-watch.js
• minify – включает использование минимизированной таблицы стилей (style.min.css) во фронтэнде для всех остальных посетителей (лучше всего использовать с lessc -x style.less > style.min.css).

Все эти опции позволяют добиться некоторой гибкости. К примеру, во время разработки вы могли бы сконфигурировать ваш плагин с опциями enable, develop и watch:

add_theme_support( 'less', array(
    'enable'  => true,
    'develop' => true,
    'watch'  => true
) );

Less theme support в продакшне мог бы использовать опцию minify:

add_theme_support( 'less', array(
 'minify' => true
) );

Использование плагина Less Theme Support предлагает вам более простой способ подключения Less к вашей теме. Скачать его вы можете с WordPress.org или со страницы проекта на Github.