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

Question

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

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

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

任何帮助将不胜感激:)

Answer 1

您可以在帖子编辑屏幕上使用 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 );