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

Question

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

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

Answer 1

您的问题很广泛？ 我认为范围太广。

您的开发过程现在看起来如何？ 您想如何编译Less代码。

请注意，应将更少的代码编译为静态CSS。 当然您也可以使用in浏览器版本 ，但是浏览器内编译不适合生产。

基本上，您应该先将Less编译为CSS。 您可以将styles.less编译为styles.css，然后将该文件上传到wp-content/themes/yourthemes文件夹中。 除了styles.css之外，您还可以使用任何其他文件并将其与wp_enqueue_style函数集成到您的主题中。

如果您希望通过WordPress仪表板获取Less代码，则可以将WP Less Less安装到CSS插件。 该插件如上所述将您的Less代码编译为静态CSS文件。

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

Answer 2

目前，我偶尔使用的过程。 我安装了 Koala，它从LESS动态创建了 CSS 个文件。 然后我们创建style.less并在其中编写代码 - 例如，通过 WinSCP 上传到主题文件夹中的服务器。

您还可以使用本地服务器（如OpenServer (OSpanel)）上的站点副本。 使用 Koala 从本地服务器主题文件夹中的 LESS 自动创建 CSS。 更改后 - 将它们上传到工作服务器。

Answer 3

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

我在功能正常之前使用了这些插件。