Blocksy主题在古腾堡编辑器中，有一个主题调色板功能，把主题当前的配色方案，保存在调色板中，便于用户快速选用。如果想将其他自定义颜色，也添加到调色板中，也是可以实现的。本文中，牛奇网就教您如何将自定义颜色添加到Blocksy的古腾堡调色板中。
向主题调色板中添加自定义颜色
第一步：登录到你的WordPress后台，点击外观-主题编辑器（Appearance-Theme Editor）。
第二步：在右侧的文件列表中，找到Blocksy主题的functions.php文件，并点击打开。
第三步：在functions.php文件的末尾，粘贴以下代码片段：
add_filter('blocksy:editor-color-palette', function ($colors) {
$colors[] = [
'name' => __('Custom Color 1', 'blocksy'),
'slug' => 'custom-color-1',
'color' => '#a156b4',
];
$colors[] = [
'name' => __('Custom Color 2', 'blocksy'),
'slug' => 'custom-color-2',
'color' => '#a156b3',
];
return $colors;
});第四步：点击更新文件（Update File）按钮，保存修改。
添加自定义颜色前：
添加自定义颜色后：
第五步：通过上面的步骤，我们就在古腾堡编辑器中添加了自定义颜色选项。但是为了让前端知道如何显示，我们还需要在CSS文件中声明自定义颜色。
.has-custom-color-1-color {
color: #a156b4 !important;
}
.has-custom-color-2-color {
color: #a156b3 !important;
}第六步：这样我们就可以在古腾堡编辑器中使用该颜色，并可以在前端正常显示了。
这样，我们就可以更方便的在古腾堡编辑器中使用常用的颜色了。
作者：牛奇网，本站文章均为辛苦原创，在此严正声明，本站内容严禁采集转载，面斥不雅请好自为之，本文网址：https://www.niuqi360.com/blocksy/add-custom-colours-to-the-gutenberg-editor/
