2016-10-12 3 views
1

Im создает тему wp с использованием среды Redux, WP-Less для компиляции стилей в LESS. Работа в PhpStorm.WP-Less, Less и PhpStorm compile

Теперь я хочу динамически менять некоторые цвета из Redux и передавать их в мой основной файл style.less, который будет скомпилирован в style.css.

Проблема заключается в том, когда я хочу, чтобы загрузить мой CSS, я должен сделать это с помощью

wp_enqueue_style('my-style', get_stylesheet_uri()); 

но он загружает только CSS, а не мой файл меньше. В моем файле functions.php я определил свои переменные.

add_filter('less_vars', 'my_less_vars', 10, 2); 

функция my_less_vars ($ вары, $ ручка) {

Redux::init('redux_qmakeup'); 

global $redux_qmakeup; 
if (isset($redux_qmakeup['opt-typography']['font-family'])) { 
    $font_name = $redux_qmakeup['opt-typography']['font-family']; 
} else { 
    $font_name = 'Montserrat'; 
} 
if (isset($redux_qmakeup['opt-typography']['color'])) { 
    $font_color = $redux_qmakeup['opt-typography']['color']; 
} else { 
    $font_color = '#d6451e'; 
} 
if (isset($redux_qmakeup['opt-color-footer'])) { 
    $footer_color = $redux_qmakeup['opt-color-footer']; 
} else { 
    $footer_color = '#414243'; 
} 

// $handle is a reference to the handle used with wp_enqueue_style() 
$vars["font-family"] = "'$font_name'"; 
$vars["font-color"] = "$font_color"; 

$vars["footer-color"] = "$footer_color"; 

return $vars; } 

В WP-МЕНЬШЕ документации говорится, что теперь я могу использовать @ колонтитула-цвет в моем файле .less и PhpStorm будет компилировать это автоматически. Но это не так, компиляция нарушена, потому что мой нижний колонтитул не определен. И если я определяю его как пустой var, он не примет мой цвет редукции, но сохранит этот пустой var.

ответ

0

Вы используете фильтр WordPress add_filter ('less_vars', 'my_less_vars', 10, 2); для добавления ваших меньших переменных.

Я использую Netbeans, и я уверен, что это то же самое в PhpStorm. Компилятор Netbeans не может использовать фильтры WP, простые в этом. Вы не можете использовать компилятор PhpStorm для компиляции, если все вары не записаны в меньшем количестве файлов.

Одним из решений является компиляция файла с использованием WP-LESS только тогда, когда у вас есть некоторые изменения в меньшем количестве файлов или переменных (которые будут изменены после изменения какой-либо связанной с ним опции темы).

Надеюсь, что это поможет :)

Смежные вопросы