Я пытаюсь добавить пользовательский блок в WordPress 5.0, который имеет Гутенберг.
Я перехожу по ссылке ниже, но код ESNext у меня не работает.Это дает мне синтаксическую ошибку.Ссылка: https://wordpress.org/gutenberg/handbook/designers-developers/developers/block-api/block-edit-save/
Ниже приведен мой код functions.php:
function gutenberg_boilerplate_block() {
wp_register_script(
'gutenberg-boilerplate-es5-step01',
get_template_directory_uri().'/step-01/block.js',
array( 'wp-blocks', 'wp-element' )
);
register_block_type( 'gutenberg-boilerplate-es5/hello-world-step-01', array(
'editor_script' => 'gutenberg-boilerplate-es5-step01',
) );
}
add_action( 'init', 'gutenberg_boilerplate_block' );
Мой файл js - это block.js, а ниже - код этого файла:
const { registerBlockType } = wp.blocks;
const blockStyle = { backgroundColor: '#900', color: '#fff', padding: '20px' };
registerBlockType( 'gutenberg-boilerplate-esnext/hello-world-step-01', {
title: 'Hello World (Step 1)',
icon: 'universal-access-alt',
category: 'layout',
edit() {
return <p> Test </p>;
},
save() {
return <p> Test </p>;
},
} )
Проблема в закрытии HTML-тега.
Заранее спасибо