LESS compiler for Wordpress

时间:2012-04-24 作者:ogni

我可以编译一些吗。使用Wordpress自动减少文件。我发现lessphp

谢谢Sogni

4 个回复
最合适的回答,由SO网友:bueltge 整理而成

备选方案见LESSHPP项目:https://github.com/leafo/lessphp

工作良好,拥有一支贡献者团队。但没有现成的WordPress功能;但是uts只有PHP和WP有正确的挂钩。你只会在主题中使用,那么它也很好,你包括这一点,它可以满足你的需求,并且不依赖于插件。

要在WP中轻松使用,请参阅此项目https://github.com/sanchothefat/wp-less它是一个包装器,使用LESSHPP;而是一种新的依赖关系。但是作为一个插件更好,如果客户通过更新和其他操作更改插件,并且易于使用。

SO网友:kaiser

Take a look at #BW LESS CSS Plugin 在回购协议中。

从插件描述中:

贴上.less 在#BW Options->LESS-CSS下,使用插件管理页面将文件复制到模板

指定相对于主题根目录的文件(例如,对于根目录中的文件,请使用style.less)

  • 如果使用专用样式表(例如用于打印),请选择媒体类型以移动设备为目标,选中移动复选框(请参阅下面的常见问题)3d。要缩小(压缩)已编译的CSS,请选中手动包含缩小复选框。更少的文件:
  • 到硬代码a.less 文件到模板中,使用<?php bw_less_css( $file, $args = array() ) ?> 在模板文件中,由调用after_setup_theme 行动
  •     add_action( \'after_setup_theme\', \'lesscss_include\' );
        function lesscss_include() {
            bw_less_css( \'style.css\' );
            bw_less_css( \'css/print.css\', array( \'media\' => \'print\', \'minify\' => true, \'mobile\' => false, \'force\' => false );
        }
    
    文件是相对于主题根的,较少的编译器将保存.css 到与.less 文件如果您正在使用@import 要将多个样式表编译成一个文件,如Twitter的引导文件,请在开发时打开开发人员模式,以便在每次加载页面时强制重新编译样式表。如果关闭开发人员模式,则除非重新保存主样式表,否则不会重新编译导入的样式表。如果使用bw_less_css(), 设置\'force\' => true 论点

    SO网友:Rarst

    是的,周围有利用该库的插件。

    例如,请参见wp-less 将排队较少的样式表编译为CSS。

    SO网友:Marco Godínez

    除非有缓存解决方案,否则每次访问网站时都应该避免编译CSS。我建议您使用Grunt.js 为了实现只编译一次。您可以在编辑文件时在开发环境中编译更少的文件,也可以添加监视程序以进行快速编译,甚至可以添加livereload以进行快速开发。

    结束

    相关推荐

    在子主题中放置自定义PHP文件的位置?

    我正在定制一个高级WP主题以更好地适应我的网站,但我不太清楚如何处理我定制的PHP文件。它们只是进入子主题文件夹的根目录吗?或者它们是否被放入与原始主题类似的文件夹层次结构中?如何确保使用子主题PHP文件而不是父主题PHP文件(例如header.PHP)?