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

xzlaal3s  于 2022-12-15  发布在  WordPress
关注(0)|答案(3)|浏览(177)

我在谷歌上搜索了同样的问题,但没有找到完美的答案,谁能说清楚如何在WordPress主题开发中使用更少的CSS?我不想依赖在线脚本。
我已经试过https://github.com/sanchothefat/wp-less了,但是没有运气。

cld4siwp

cld4siwp1#

你的问题很宽泛?我觉得太宽泛了。
你的开发过程现在看起来怎么样?你想如何编译你的Less代码?
请注意,较少的代码应该被编译成静态CSS。当然,你也可以使用浏览器中的版本,但浏览器中的编译不适合生产。
基本上你应该先把Less编译成CSS,你可以把styles.less编译成styles.css并上传到你的wp-content/themes/yourthemes文件夹中,你可以用其他文件代替styles.css,并把wp_enqueue_style函数集成到你的主题中。
如果你想通过WordPress dashboard获得Less代码,你可以安装WP Less to CSS插件,这个插件会把你的Less代码编译成一个静态的CSS文件,如上所述。
JBST主题使用了上面描述的Less插件,你也可以看看Roots.io主题,它使用了Less,npm和grunt来构建。

pftdvrlh

pftdvrlh2#

目前,我偶尔会用到这个过程。我安装了Koala,它可以动态地从LESS创建CSS文件。然后我们创建style.less,并在其中编写代码--例如,通过WinSCP上传到服务器的主题文件夹中。
您也可以使用本地服务器上的网站副本,如OpenServer(OSpanel)。与考拉创建CSS自动从LESS的主题文件夹在本地服务器上。修改后-上传到工作服务器。

2cmtqfgy

2cmtqfgy3#

你可以使用Grunt.js在本地编译文件,也可以使用一些应用程序插件CodeKit。https://wordpress.org/plugins/wp-less/
我以前用过那个插件,它工作得很好。

相关问题