如何在 gutenberg editor wordpress 中使用 get_theme_mod？

Question

在我的旧 WordPress 主题（古腾堡之前）中，我使用 get_theme_mod 为主题中的某些内容获取自定义值。

get_theme_mod( 'news_custom_headline' );

现在我想使用 gutenberg 编辑器，但仍想从定制器访问数据。我怎样才能做这样的事情：

save({ attributes }) {
   return <p>Value from backend: get_theme_mod( 'news_custom_headline' ) </p>;
}

Answer 1

你不会这样做。我使用 服务器端渲染块:

在我的 index.js:

registerBlockType('test/custom-php-render-block', {
    title: "Custom Block Server Side Rendering", 
    category: 'widgets',
    edit: () => { return <p>This is just a placeholder!</p>},
    save: () => { return null }
});

在functions.php中：

function register_my_custom_block() {
    wp_register_script( 'custom-block-php-script', get_template_directory_uri() . '/build/index.js', array('wp-blocks', 'wp-editor'));
    wp_enqueue_script('custom-block-php-script');

    register_block_type('test/custom-php-render-block', [
        'editor_script' => 'custom-block-php-script',
        'render_callback' => 'custom_block_php-render'
    ]);
}

add_action( 'init', 'register_my_custom_block');

function custom_block_php-render($attr, $content) {
    return '<p>From customizer: ' . get_theme_mod('your-setting') . '</p>';
}

您可以在此处阅读更多相关信息：https://awhitepixel.com/blog/wordpress-gutenberg-create-custom-block-part-9-dynamic-blocks-php-render/

如何在 gutenberg editor wordpress 中使用 get_theme_mod？

How to use get_theme_mod in gutenberg editor wordpress?

php

wordpress

wordpress-theming

web

wordpress-gutenberg