Cómo crear patrones de bloques para Gutenberg

Con la liberación de WordPress 5.5 al fin llegó una de las característica que yo y muchos más – casi todos ellos con opiniones de peso – hemos puesto como lo mejor que ha llegado a WordPress en años recientes; así es, hablo de los patrones de bloques, los cuales no dudes pronto inundarán tu instalación, porque seguramente saldrán decenas de colecciones por todos lados, de todos colores y sabores. Y la razón de esto es muy sencilla: es fácil hacerlos. ¿Qué tan fácil? bueno, lo verás en este artículo, donde te muestro como hacer tu primer patrón de bloques. Verás que tienes todo lo necesario a la mano, y no necesitas de conocimiento de algún lenguaje o herramienta que nunca has usado.

Pues bien, para hacer lo que aquí te muestro necesitas WordPress 5.5 que está recien salido del horno, y una forma de añadir código personalizado a tu WordPress. Para este artículo usaré Code Snippets, un plugin conocido ampliamente, aunque es trivial implementarlo en otras maneras como un plugin o bien en el functions.php de tu instalación. Vamos a empezar.

Leer másCómo crear patrones de bloques para Gutenberg

Tutorial editor Gutenberg/WordPress 5.x: qué es, como usarlo, y como migrar

WordPress 5.0 trajo consigo un cambio importante en su arquitectura: el nuevo editor de contenido Gutenberg, que está disponible en forma de plugin para ir implementando características y luego integrarlo al core, y que se empezó a sugerir a los usuarios a partir de WordPress 4.9.8. Vale la pena mencionar que Gutenberg es algo que va a suceder a como de lugar, y más vale empezar a usarlo para no tener problemas después. Este post pretende ser un tutorial muy completo de Gutenberg actualizado siempre a la versión más actual para todos aquellos a los que les ha costado trabajo o bien están descontentos con el editor. A ellos les recomiendo lo lean, pues quizás encuentren aquí una forma de usarlo que les haga cambiar de opinión respecto a Gutenberg. Este tutorial está actualizado a Gutenberg 7.7.1 ejecutándose en WordPress 5.4 RC3 en un entorno de pruebas local. Y por primera vez desde que lo empecé en 2018, a partir de esta versión el tutorial está redactado enteramente en Gutenberg y CoBlocks. Como siempre, este tutorial busca ser muy completo y estar al día con los avances de este aún nuevo editor de WordPress.

Antes de empezar, una pequeña advertencia: aunque está optimizado, este quizás no sea el mejor post para ver en un dispositivo móvil; tiene poco menos de 12,000 palabras, casi 500 bloques, decenas de imágenes y uno que otro vídeo.

¿Qué es el nuevo editor Gutenberg?

Gutenberg es el nuevo editor de contenido a partir de WordPress 5.0. A diferencia del editor que se usaba antes (TinyMCE), en el que el contenido es una mezcolanza de cosas entre contenido, medios, shortcodes y embeds, Gutenberg usará un paradigma de edición distinto, usando a lo que le llaman Bloques. Gutenberg va más allá de ser un mero editor; es un cambio de arquitectura profundo en WordPress, pues lo que vemos mencionar que esta es apenas la primera fase de Gutenberg y va empezando la segunda, y ya podemos ver impacto en los temas y cosas como el personalizador, que están en pañales pero que ahí van, lento pero seguro.

Leer másTutorial editor Gutenberg/WordPress 5.x: qué es, como usarlo, y como migrar

¡NO sigas este enlace o serás bloqueado en este sitio!