wordpress主题开发第41课:kirki定制器自动输出CSS

使用kirki能自动帮我们生成CSS并输出,一个简单的示例:

//全局链接颜色设置
new \Kirki\Field\Color(array(
‘settings’ => ‘color_setting_hex’,
‘label’ => ‘链接颜色’,
‘description’ => ‘网站所有链接所显示的颜色’,
‘section’ => ‘section_id’,
‘default’ => ‘#0008DC’,
‘alpha’ => true,
‘output’ => [
[
‘element’ => ‘a’,
],
],
));

你需要使用上面代码的写法,而不能使用下面这种方式。

使用下面的代码,经实测,无法自动添加CSS

//全局链接颜色设置
Kirki::add_field(‘fivebro_theme’, array(
‘type’ => ‘color’,
‘settings’ => ‘link_color_setting’,
‘label’ => ‘链接颜色’,
‘description’ => ‘网站所有链接所显示的颜色’,
‘section’ => ‘section_id’,
‘default’ => ‘#0008DC’,
‘alpha’ => true,
‘transport’ => ‘auto’,
‘output’ => [
[
‘element’ => ‘a’,
],
],
));

output参数被定义为数组的数组,因此如果您愿意,可以将相同的颜色应用于多个事物。比如

‘output’ => array(
array(
‘element’ => ‘#content’,
‘property’ => ‘background-color’,
),
array(
‘element’ => ‘#sidebar-1’,
‘property’ => color,
),
),

您对output参数所做的任何更改都将自动应用于为您网站的前端视图生成的 CSS 以及postMessage脚本。

© 版权声明
THE END
喜欢就支持一下吧
点赞11 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容