2015-01-27 1 views
0

Я искал один и тот же вопрос, но не смог найти идеальный ответ. Кто-нибудь может понять, как использовать LESS CSS в разработке темы WordPress? Я не хочу полагаться на онлайн-скрипты.Как использовать LESS css в разработке темы Wordpress?

Я уже пытался https://github.com/sanchothefat/wp-less, но не повезло ..

+0

У меня есть код в LESS или SASS и скомпилирован CSS-копирование непосредственно в WP. : D – Mardzis

+0

Веб-браузеры читают CSS. Он не может читать SASS или LESS. вам все равно нужно скомпилировать его в css. поэтому соблюдайте свой МЕНЬШЕ стиль style.css –

ответ

1

Ваш вопрос очень широк? Слишком широкий, я думаю.

Как выглядит ваш процесс разработки сейчас? Как вы хотите скомпилировать свой Меньший код.

Обратите внимание, что Меньший код должен быть скомпилирован в статический CSS. Конечно, вы также можете использовать in browser version, но компиляция в браузере не подходит для производства.

В основном вы должны сначала скомпилировать свой Меньше в CSS. Вы можете скомпилировать styles.less в styles.css и загрузить этот файл в свою папку wp-content/themes/yourthemes. Вместо styles.css вы можете использовать любой другой файл и интегрироваться с функцией wp_enqueue_style в свою тему.

В случае, если вы хотите, чтобы ваш код Less с помощью панели инструментов WordPress, вы можете установить плагин WP Less to CSS. Этот плагин компилирует ваш Меньший код в статический файл CSS, как описано выше.

JBST темы используют плагин Less, описанный выше. Вы также можете взглянуть на тему Roots.io, в которой используются Less, npm и grunt для сборки.

0

Вы можете использовать Grunt.js для компиляции файла локально или некоторых кошек ввода кода CodeKit. Также вы можете использовать некоторые плагины wordpress, такие как этот: https://wordpress.org/plugins/wp-less/

Я использовал эти плагины, прежде чем он отлично работает.

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