Gutenberg ??? ??? ?? ??? ???? ??? ???? ??? ?????. 1. rething_script, editor_style ? style? ??? ????? register_block_type? ??????. 2. functions.php ?? ????? wp_register_script ? wp_register_style? ?? ???? ???? ??? ??? ? ??? ??????. 3. ??? ?? ??? ????? ?? ??? ???? ??? ???? ?????. 4. add_theme_support ?? enqueue_block_assets? ?? ??? ?? ????????? ???? ???? ???? ??? ?????.

Gutenberg ??? ??? ?? ?? (? : JavaScript ? CSS ??)? ???? ??? ??? ????? ???? ?? ?????. ?? ??? ??? ???????? ??? ??? ??? ?? ????? ? ??? ?? ??? ?????.

1. register_block_type ???? ?? ??? ???? ??????

WordPress? register_block_type ??? ???? ?? ??? ???? ?? ??? ?? ?? JS ? CSS ?? ??? ??? ? ????.

 register_block_type (__dir__, ?? (
    'editor_script'=> 'my-block-editor-script',
    'editor_style'=> 'my-block-editor-styles',
    '???'=> '? ??-??? ???',
));

• editor_script : ?? ???? ????? ?? (????? .js ?? .jsx ??)
• editor_style : ?????? ? ??? ? ??? ??? ??? ????.
• style : ?? ? ?????? ? ???, ????? ??? ?? ??? ?????.

2. functions.php ?? ????? ???? ? ??? ??? ??????

WordPress? register_block_type ?? ?? ? ??? ?? ? ? ??? wp_register_script ? wp_register_style ? ??? ???? ?? ???????.

 ?? my_block_assets () {
    wp_register_script (
        '? ?? ??? ????',
        get_template_directory_uri (). '/blocks/my-block/build/index.js',
        ?? ( 'wp-blocks', 'wp-element', 'wp-editor'),
        filemtime (get_template_directory (). '/blocks/my-block/build/index.js')
    );

    wp_register_style (
        '? ?? ??? ???',
        get_template_directory_uri (). '/blocks/my-block/editor.css',
        ??(),
        filemtime (get_template_directory (). '/blocks/my-block/editor.css')
    );

    wp_register_style (
        '? ??-??? ???',
        get_template_directory_uri (). '/blocks/my-block/style.css',
        ??(),
        filemtime (get_template_directory (). '/blocks/my-block/style.css')
    );
}
add_action ( 'init', 'my_block_assets');

? ?? ?? ?????????.

• ???? ???? wp-blocks , wp-element , wp-editor ? ?? ????? ???????.
• filemtime() ???? ?? ??? ?? ???? ????? ?????.
• ?? ???? ??? ???? ?? get_template_directory ???? ?? ????. ???? ? ?? plugins_url() ???? __FILE__ ? ??????.

3. ?? ?? ????? ?? ??

?? ??? ???? ?? WebPack, Vite ?? ?? ?? ??? ???? ?? ?? ?????? ???????.

• ?? JS ??? UMD ????? WordPress ??? ??? ???? ???? ????????.
• ????? ???? ??? ????? ?? WordPress (? : window.React , window.ReactDOM )?? ???? ??? ?? ??? ??????.
• ?? ??? PHP? ?? ? ??? ????? ??????.

???? ?? :

• ??? ????? /src/blocks/your-block/index.js ? ?????
• ? ?? ???? /build/your-block/index.js ? ???????
• ??? .asset.php ??? ???? ??? ? ?? ??? ???? ???? (WordPress ?? ??)

4. ??? ?? ?????????? ?

????? Gutenberg ??? style ?? ??? ??? ???? ?????????. ??? ??? ???? ????? ??? ?? ?? ? ????. ? ??? ??? ????.

• ??? ?? ??? ??? ???? ????? ???? ( add_theme_support( 'wp-block-styles' ) ? ????? ??)
• ???? ?? ?? ???? ?? ???? ?? ???? ??? ??? ???? ?? ????.
• ?? ??? ??? ?? (?? ?? ??)?? ????? ????. ?? enqueue_block_assets ??? ???? ????????? ?? ??? ? ????.

 ?? my_enqueue_frontend_assets () {
    if (has_block ( 'my/block-name')) {
        wp_enqueue_style ( 'my-block-frontend-styles');
    }
}
add_action ( 'wp_enqueue_scripts', 'my_enqueue_frontend_assets');

? ??? ? ????? ??? ??? ???? ????? ??? ???????.

????? ?? ??. WordPress? ?? ?? ??? ??? ?? ? ?? ?????? ???? ? ??? ??? ??????? ? ? ????.

? ??? Gutenberg ??? ??? ???? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!