ed-itsolutions/wp_enqueue_less

在WordPress代码中添加Less样式表。

维护者

详细信息

github.com/Ed-ITSolutions/wp_enqueue_less

源代码

问题

安装: 96

依赖: 0

建议者: 0

安全: 0

星标: 3

关注者: 3

分支: 2

开放问题: 1

v0.1.2 2021-02-24 13:39 UTC

Requires

MIT c518a1397c2b91474886aea9f9808a15410f06cd

This package is auto-updated.

Last update: 2024-09-24 21:29:29 UTC

README

wp_enqueue_less提供了一种在WordPress中添加Less样式表的功能。

安装

Composer

Composer是安装wp_enqueue_less的最佳方式，这样您未来可以轻松获取更新。

composer require ed-itsolutions/wp_enqueue_less

然后在您的functions.php或plugin.php中

require_once('vendor/autoload.php');

手动

下载wp_enqueue_less.php的副本，并在主题/插件中调用它。

用法

在正常的wp_enqueue_scripts动作中，只需调用wp_enqueue_less

wp_enqueue_less接受3个参数。

  • key - 用于此样式表的键名。
  • filePath - .less文件的磁盘路径。
  • variables - 要传递给Less编译器的变量键->值数组。
add_action('wp_enqueue_scripts', function(){
  wp_enqueue_style('theme-stylesheet', get_stylesheet_uri());

  wp_enqueue_less('theme-main', get_template_directory() . '/less/main.less', array(
    'main-color' => '#99bbff' // becomes @main-color in your less stylesheet.
  ));
});

就是这样！

wp_enqueue_less将

  • 编译此less文件并将输出写入/wp-content/uploads/less/key-hash.css（可以通过过滤器wp_enqueue_less_css_dir更改）。
  • 将当前使用的所有less文件及其变量的哈希值记录到数据库中。
  • 在下一次调用时，如果没有任何哈希值发生变化，它将跳过解析。
  • 每天，它将清理其目录中的所有内容，除了当前样式表的哈希版本。

过滤器