Многие разработчики WordPress перешли на использование CSS препроцессора Less, чтобы ускорить разработку тем. Доступность его переменных, mixin’ов и функций позволяет вам делать гораздо больше всего с CSS, и делать это более эффективно. Также Less упрощает компиляцию и минимизацию файлов. Однако базовая настройка добавления Less к каждой темы – отнимающий много времени процесс.
Justin Kopepasah написал свое учебное руководство по использованию Less в работающей WordPress-теме, за которым последовало еще одно, в котором вся функциональность автоматически задавалась как Git подмодуль. Со временем он обнаружил, что добавление Less к каждой теме стало тяжким трудом, и в итоге он решил создать плагин, чтобы упростить процесс для всех людей.
Плагин Less Theme Support кардинальным образом упрощает процесс добавления Less к вашей WordPress-теме. Требуется выполнить всего два простых шага для активации:
- Добавить style.less в корневую директорию темы
- Добавить следующий код к хуку 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.
Источник: wptavern.com
‘enable’ => true
Наверное, все же, не =>
Пардон, при переключении между редакторами вылезло..
Justin Kopepasah написал свое учебное руководство по использованию Less в работающей — А где он это сделал, есть ссылка?
Вот первое: http://kopepasah.com/tutorial/using-less-in-a-live-wordpress-theme/
Вот второе: http://kopepasah.com/tutorial/easily-add-less-css-pre-processor-to-any-wordpress-theme/
как то странно он не работает у стиля rel=’stylesheet’, надо как бы rel=»stylesheet/less» не разобрался почему так, сейчас пытаюсь разобраться)) У кого нибудь этот плагин нормально заработал?
Плагин не удается запустить. Та же проблема что и у @vovasik
rel='stylesheet'
вместоrel='stylesheet/less'
как должно быть из-за чего less не работает.Да там в фильтре вроде все предусмотрено , но регулярка почему то не отрабатывает, надо дебагером посмотреть хорошенько