您可以定义(并强制)自定义调色板,而不是调整默认调色板。
<?php
// Add a custom palette
add_action( \'after_setup_theme\', \'wpse_block_color_palette\' );
function wpse_block_color_palette() {
add_theme_support(
// Define the colors
\'editor-color-palette\', array(
// First color - black
array(
\'name\' => esc_html__( \'Black\', \'textdomain\' ),
\'slug\' => \'black\',
\'color\' => \'#2a2a2a\',
),
// Second color - blue
array(
\'name\' => esc_html__( \'Blue\', \'textdomain\' ),
\'slug\' => \'blue\',
\'color\' => \'#0000ff\',
)
// And so on and so forth
)
);
}
?>
然后,您需要为它们将生成的类添加样式。调色板适用于任何具有核心样式的块,可以归结为“has-(slug)-background color”和“has-(slug)-color”。
.has-black-background-color {
background-color: #000;
}
.has-black-color {
color: #000;
}
.has-blue-background-color {
background-color: #00f;
}
.has-blue-color {
color: #00f;
}