Estoy tratando de crear un bloque personalizado para un sitio, pero el bloque no aparece en el diálogo del editor. Revisé varios tutoriales y cambié mucho mi código, pero simplemente no funciona.
Lo que he comprobado:
Cualquier ayuda sería apreciada.
Aquí está el bloque js src (que está compilado):
import { registerBlockType } from '@wordpress/blocks' registerBlockType('ghs/landing-page-block', { title: 'Landing Page', apiVersion: 2, category: 'design', icon: 'smiley', description: 'Layout for the GHS landing page', keywords: ['GHS', 'landing', 'page', 'front'], edit: () => { return (<div>hello</div>) }, save: () => { return (<div>hello</div>) } });y el php registrándolo:
add_action('init', function() { $asset_file = include( WP_PLUGIN_DIR . '/ghs-custom-blocks/assets/js/landing-page-block.asset.php'); wp_register_script('ghs-landing-page', WP_PLUGIN_DIR . '/ghs-custom-blocks/assets/js/landing-page-block.js', $asset_file['dependencies'], $asset_file['version']); register_block_type('ghs/landing-page-block', [ 'api_version' => 2, 'editor_script' => 'ghs-landing-page', ]); });Lo resolví, fue porque estaba usando WP_PLUGIN_DIR en lugar de plugin_dir_url(__FILE__) . Significaba que la URL de la solicitud js era de la raíz en lugar de la instalación de wp.