区块背景色未出现在站点上

时间:2021-06-09 作者:breadwild

我将自定义颜色添加到functions.php 文件:

functions.php
add_theme_support( \'editor-color-palette\', array(
    array(
        \'name\'  => __( \'Blue\'),
        \'slug\'  => \'blue\',
        \'color\' => \'#00548F\',
    ),
在编辑器中查看源:

"backgroundColor\\":\\"blue\\"...
<div class=\\"wp-block-columns alignfull event-block has-blue-background-color has-background\\">
最后在页面检查器中:

<div class="wp-block-columns alignfull event-block has-blue-background-color has-background">
毫不奇怪,规则或计算值显示零背景属性。

我在我的另一个主题中尝试了它(都是手工制作的),结果是一样的。当我加载“2019”主题时,它成功了。

是否需要一些函数、回调函数和文件来完成这项工作,而我可能会错误地删除这些函数、回调函数和文件?

谢谢

1 个回复
SO网友:Jacob Peattie

如果要为添加主题支持editor-color-palette 然后,您需要将这些颜色的样式添加到样式表中。As documented:

主题负责创建在不同上下文中应用颜色的类。核心块使用“颜色”和“背景色”上下文。因此,要正确地将“强品红”应用于所有核心块的上下文,主题应实现以下类:

.has-strong-magenta-background-color {
    background-color: #313131;
}
 
.has-strong-magenta-color {
    color: #f78da7;
}
类名是附加“has-”,然后是使用烤肉串大小写的类名,最后是上下文名称。

相关推荐