Как использовать get_theme_mod в редакторе gutenberg wordpress?

В моих старых темах WordPress (до Gutenberg) я использовал get_theme_mod для получения пользовательских значений для определенных вещей в теме.

get_theme_mod( 'news_custom_headline' );

Теперь я хотел бы использовать редактор Gutenberg, но все же хочу получить доступ к данным из настройщика. Как я могу сделать что-то подобное:

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

web wordpress php wordpress-theming wordpress-gutenberg
person Lars Flieger    schedule 16.12.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы не так поступаете. У меня он работает с блоком, отображаемым на стороне сервера:

In my 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 }
});

In 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/

person Lars Flieger    schedule 17.12.2020