Aprende a registrar tu primer bloque

Registrar el bloque

• Preparar la librería @Wordpress/scripts para registrar varios bloques c/u en su propia carpeta. Se hace en el archivo package.json.

• Creación y configuración de index.js.

• Comprobación de compilación en package.json.

• Registrar todo del lado del servidor en php.

• Agregar todo a plugin-frontend-login.php.

• Comprobar en el navegador que el bloque existe.

Si alguien tuvo problemas de node al hacer npm run start:register, deben actualizar node, lo hice y perfecto.

se instala el node manager

npm install -g n

y luego actualice a la version estable

sudo n stable

No sé si a alguien más le pasa, pero a mi no me aparecia el nuevo bloque, hice un cambio que no sé si tiene sentido en el index.php del bloque y si apareció:

add_action('init', 'plz_register_blocks');
function plz_register_blocks(){
    $assets_file = include_once PLZ_PATH . "/blocks/register/build/index.asset.php";

    // wp_register_script(
    wp_enqueue_script(
        'plz-register-block',
        plugins_url('./build/index.js', __FILE__),
        $assets_file['dependencies'],
        $assets_file['version']
    );

    register_block_type(
        'plz/register',
        array(
            'editor-script' => 'plz-register-block',
        )
    );
} 

creo que falta alguna clase intermedia, al menos en mi wordpress el archivo plugin-frontend-login.php no existe... no aparece el block en ninguna parte y no encuentro donde podria reemplazarlo....

Si vas a trabajanar usando themes, aquí hay algunas recomendaciones que encontré

El path de la variable general cambia a:

define  ("PLZ_PATH", get_template_directory( __FILE__ ));

El path del archivo dentro “wp_register_script” cambia a

get_theme_file_uri( 'register/build/index.js', __FILE__ ),

Ten en cuenta que aquí ya no se utiliza “./build” porque de esa se quedaría con el punto en vez de register