使用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
暂无评论内容