如何在wordpress主题开发中使用LESS css？

Question

我用Google搜索了相同的问题，但找不到完美的答案，有人能说清楚如何在WordPress主题开发中使用LESS CSS吗？我不想依赖在线脚本。

我已经尝试https://github.com/sanchothefat/wp-less但没有运气..

Answer 1

您的问题非常广泛？我觉得太宽泛了。

您的开发流程现在如何？您想如何编译您的Less代码。

请注意，应将更少的代码编译到静态CSS中。当然，您也可以使用in browser version，但浏览器内编译不适合制作。

基本上你应该首先将你的Less编译成CSS。您可以将styles.less编译成styles.css并将该文件上传到wp-content/themes/yourthemes文件夹中。您可以使用任何其他文件代替styles.css，并将wp_enqueue_style函数集成到您的主题中。

如果您希望通过WordPress信息中心获得Less代码，则可以安装WP Less to CSS插件。此插件将您的Less代码编译为静态CSS文件，如上所述。

JBST主题使用上面描述的Less插件。您还可以查看Roots.io主题，该主题使用Less，npm和grunt来构建。

Answer 2

您可以使用Grunt.js在本地编译文件或使用某些app lice CodeKit。你也可以使用像这样的一些wordpress插件：https://wordpress.org/plugins/wp-less/

我使用过那些插件才能正常工作。