Как применять Less css в Genesis Framework

Question

Может кто-нибудь испытал на себе стиль Less CSS, примененный в Genesis Framework с темой Bones Child? Как я могу начать на этом?

Пожалуйста, порекомендуйте!

Answer 1

Для любой темы WordPress в целом. Сначала удалите таблицы стилей темы с помощью функции wp_dequeue_style. Не удаляйте эти файлы (для большинства тем это будет style.css и, возможно, некоторые другие таблицы стилей темы), не удаляйте эти файлы. Обратите внимание, что Genesis Framework ставит и удаляет таблицу стилей с помощью действий. чтобы удалить их использовать remove_action( 'genesis_meta', 'genesis_load_stylesheet' ); (источник: http://www.chriswiegman.com/2013/06/remove-the-default-style-css-in-wordpress-with-genesis/)

Затем создайте файлы index.less, которые должны содержать что-то подобное показанному ниже:

@import (less) "style.css"; // correct path to you original /wp_content/themes/{your_theme}/style.css
@import (less) "otherthemefile.css" // correct path to you original /wp_content/themes/{your_theme}/otherthemefile.css
/* custom less code here */

Наконец скомпилируйте index.less подать что-то вроде main.css, Загрузить main.css в каталог вашей темы и используйте wp_enqueue_style, чтобы загрузить его в вашу тему.