Вкусив однажды всех радостей от использования препроцессора, сложно себя заставить работать с нативным CSS. Посмотрим как подключить LESS к вашей теме на WP.
Т.к. уже есть готовые решения, то воспользуемся одним из них. Плагин WP-LESS сделает большую часть работы за вас, начните с того, чтобы установить и активировать его на вашем сайте.
Теперь все LESS файлы, добавляемые функцией wp_enqueue_style, будут автоматически обрабатываться препроцессором.
Если стили вашей темы добавляются с помощью этой функции, то нужно лишь переименовать файлы стилей (изменить расширение на *.less) и соответственно поменять имя файлов в коде.
Но если файлы подключаются через тег link (вроде следующего):
|
1 2 3 |
<link rel="stylesheet" type="text/css" href="<?php loginfo('template_url') ?>/style.css" /> |
в шаблоне (делается это обычно в файле header.php), то следует убрать этот тег из шаблона, заменив его аналогичным вызовом функции wp_enqueue_style.
Примерно вот так (код для файла functions.php):
|
1 2 3 4 5 6 |
/* добавление LESS стилей */ add_action('wp_enqueue_scripts', 'MYTHEME_enqueue_styles'); function MYTHEME_enqueue_styles() { wp_enqueue_style('theme-main', get_stylesheet_directory_uri() . '/style.less'); } |
Обратите внимание, что WP требует для правильной работы файл style.css в корневой папке темы. В начале файла содержится специальный дескриптор в виде комментария:
|
1 2 3 4 5 6 7 |
/* Theme Name: MYTHEME Theme URI: http://site.ru Author: Vasiliy Pupkin Tags: tag1, tag2, ... Version: 1.0 */ |
Создав копию style.less, этот дескриптор в style.css нужно сохранить, а всё остальное можно убрать.