将 WordPress 定制器样式应用于古腾堡编辑器

Question

我的 WordPress 主题中有许多定制器样式，我正在考虑将这些选定的样式（例如，字体颜色）应用到 Gutenberg 块 - 编辑器视图。

定制器样式被拉到前端使用：<?php echo get_theme_mod( 'text_colour', '#222222' ); ?>;

我正在使用 .css 文件将样式应用于块编辑器，但如何将 get_theme_mod 转换为 css 样式？

任何帮助将不胜感激:)

Answer 1

您可以在 post 编辑屏幕上使用 wp_add_inline_style()！？

function my_dynamic_editor_styles()
{
    wp_register_style( 'dummy-handle', false );
    wp_enqueue_style( 'dummy-handle' );
    wp_add_inline_style( 'dummy-handle', '* { color: '.get_theme_mod( 'text_colour', '#222222' ).'; }' );
}

add_action( 'enqueue_block_editor_assets', 'my_dynamic_editor_styles', 100 );