Te voy a ense\u00f1ar c\u00f3mo crear tus propios bloques reutilizables para el editor de bloques de WordPress, con solo cuatro clics y un poquito de html y css. Sin JS, PHP ni REACT. En escasos minutos, Pim pam. \u00a1Y con DEMO!<\/p>\n\n\n\n
Si todav\u00eda no has hecho el salto de utilizar editores visuales como Divi, Elementor y similares a pasarte totalmente al editor de bloques nativo de WordPress (Gutenberg), est\u00e1s tardando. Es r\u00e1pido, \u00e1gil y es super flexible. No te crece la barba mientras se carga ni mientras se guarda el post o p\u00e1gina. <\/p>\n\n\n\n
Puede costar un poco al principio acostumbrarse, pero cuando le coges el tranquillo, es una pasada. Y ahora, con los temas \u00abfull site editing\u00bb (este blog est\u00e1 hecho con el tema twenty-twenty-three, que ya te deja editar absolutamente toda la plantilla, header, footer, listados de posts, archivos de categor\u00edas, toooodo) esto es un game-changer<\/strong> total. Te animo a probarlo.<\/p>\n\n\n Dise\u00f1ar e implementar nuestros propios bloques a medida, de entrada puede echar un poco para atr\u00e1s<\/strong>: Necesitas un entorno de desarrollo local<\/strong> para trabajar con los ficheros, y tienes que escribir c\u00f3digo php, js y react<\/strong>, que adem\u00e1s tienes que compilar usando herramientas front-end. <\/p>\n\n\n\n Si tu bloque no va a ser din\u00e1mico ni complejo (no va a tener automatizaciones con datos de posts etc), y simplemente va a usar pocos datos entrados a mano (fotillo, texto, link, un par de divs), la verdad que hay otros m\u00e9todos m\u00e1s f\u00e1ciles.<\/p>\n\n\n\n Muchos desarrolladores usamos el plugin Advanced Custom Fields (ACF) <\/strong>para crear bloques. Bueno, la verdad, usamos ACF hasta para hacer gazpacho. ACF dispone de un m\u00e9todo de registro de bloques usando los campos personalizados que es realmente vers\u00e1til y potente, y m\u00e1s sencillo que el m\u00e9todo original con React.<\/p>\n\n\n\n Pero sigue siendo un recurso dirigido a desarrolladores y usuarios avanzados. Adem\u00e1s de que en ciertos casos, donde s\u00f3lo necesitamos hacernos un par de bloquecitos, es un pedazo de plugin muy gordo.<\/p>\n\n\n\n As\u00ed que, investigando maneras f\u00e1ciles de hacer bloques, me encontr\u00e9 con Genesis Custom Blocks<\/a>, un plugin gratuito (es FREEMIUM; hay versi\u00f3n PRO de pago, que tiene m\u00e1s cosas) que te permite crear en pocos minutos tus propios bloques con sus campitos y plantillas.<\/p>\n\n\n\nCrear tus propios bloques para el editor<\/h2>\n\n\n