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

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

less-theme-support

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.

Источник: wptavern.com

Блог про WordPress
Комментарии: 7
  1. Дуо

    ‘enable’ => true

    Наверное, все же, не =&gt

    1. Дмитрий (автор)

      Пардон, при переключении между редакторами вылезло..

  2. vovasik

    Justin Kopepasah написал свое учебное руководство по использованию Less в работающей — А где он это сделал, есть ссылка?

    1. Дмитрий (автор)
  3. vovasik

    как то странно он не работает у стиля rel=’stylesheet’, надо как бы rel=»stylesheet/less» не разобрался почему так, сейчас пытаюсь разобраться)) У кого нибудь этот плагин нормально заработал?

  4. Роман

    Плагин не удается запустить. Та же проблема что и у @vovasik
    rel='stylesheet' вместо rel='stylesheet/less' как должно быть из-за чего less не работает.

  5. vovasik

    Да там в фильтре вроде все предусмотрено , но регулярка почему то не отрабатывает, надо дебагером посмотреть хорошенько

Добавить комментарий для vovasik Отменить ответ

Получать новые комментарии по электронной почте.