La versión 5.0 de WordPress que se lanzó el 6 de diciembre del 2018 trajo consigo el editor Gutenberg de WordPress, basado en bloques. Con el nuevo editor, cada trocito de contenido es un bloque. Un párrafo, una imagen, un vídeo de YouTube, una tabla, etc., es un bloque separado. Este nuevo paradigma de edición nos abre nuevas posibilidades de diseño para la creación de páginas y entradas, tal y como mostró Matt Mullenweg en la WordCamp US 2018 (minuto: 9:50 del vídeo).
Y si todavía no estás familiarizado con el nuevo editor, te recomiendo que leas la entrada de David Aguilera: Todo lo que necesitas saber sobre Gutenberg, el nuevo editor de WordPress. Ya verás qué rápido le pillas el tranquillo…
Los bloques de Gutenberg
Por defecto, Gutenberg te viene con un conjunto de bloques bastante completo que los podríamos categorizar en:
- Bloques de creación de texto para crear párrafos, listas, encabezados, tablas y botones.
- Bloques de creación de objetos multimedia como imágenes, imágenes de portada, galerías de imágenes, audios, vídeos, objetos incrustados y shortcodes.
- Bloques para insertar citas y versos.
- Bloques de creación de código y HTML.
- Bloques de formato de columnas y separadores.
Aunque el editor de Gutenberg no los agrupa por las categorías que te he comentado. Primero te muestra los que considera bloques comunes:

Luego, los bloques que te permiten crear formatos distintos:

Bloques para crear elementos de diseño:

Bloques para crear widgets:

Y finalmente, los bloques para incrustar elementos externos:

Así de entrada en Gutenberg parece que tienes un montón de bloques, pero luego te das cuenta de que te gustaría incluso tener más posibilidades. Y es por este motivo que encontrarás plugins para WordPress que te proporcionan nuevos bloques que te facilitan la creación de entradas y webs. Veamos algunos de ellos:
#1 Atomic Blocks
El plugin Atomic Blocks creado por el equipo de Array Themes te proporciona 11 bloques adicionales a los que ya tienes por defecto. En la web del plugin del Directorio de plugins de WordPress encontrarás demos de como funciona cada uno.

Así, por ejemplo, con el Testimonial Block, en un periquete ya tienes creado un testimonio en tu página:


#2 Kadence Blocks
Kadence blocks te proporciona 6 bloques de diseños en los que puedes crear tu propio diseño, pero también incluye una librería de variaciones prediseñadas.

Así, por ejemplo si echamos una ojeada al formato de fila (Row Layout) puedes definir el formato de fila que quieres crear:

Pero también puedes ir a la librería de formatos prediseñados y seleccionar el que más te guste.

#3 Advanced Gutenberg Blocks
El plugin Advanced Gutenberg Blocks ha sido desarrollado por Maxime Bernard-Jacquet e incluye 15 bloques adicionales. Con el siguiente vídeo te harás una rápida idea de las capacidades de cada uno.
#4 Block Gallery
El plugin Block Gallery te da tres nuevos bloques con los que puedes crear tres maneras distintas de visualizar galerías de imágenes.

De forma muy fácil (tan sólo tienes que seleccionar las imágenes) puedes crear una galería carrusel, en formato Masonry (estructurado de forma óptima como cuando estás en Pinterest) o poner las imágenes apiladas una debajo de la otra.

Este plugin fue el ganador en la categoría de Best Solution en los premios de diseño Automattic Design Awards en la WordCamp US 2018.

Nelio Content
Estoy tan contento con Nelio Content que parece que me hayan pagado para hablar bién de él… pero es que también a ti te encantará: funciona como prometen, la programación automática de mensajes es increíble, la calidad/precio no tiene parangón y su equipo de soporte se siente como si fueran parte del tuyo.

Panozk
#5 Bokez
Bokez es un plugin desarrollado por Delabon que te proporcina 14 bloques nuevos con los que puedes crear fácilmente una tabla de precios, mostrar fácilmente tus últimas entradas, compartir en redes sociales, etc.

#6 Advanced Gutenberg
El plugin Advanced Gutenberg, desarrollado por JoomUnited incluye más de 20 bloques adicionales a tu editor. Además también incluye la posibilidad de controlar a nivel de usuario o perfil de usuario a qué bloques se puede acceder.
#7 CoBlocks
El plugin CoBlocks incluye 10 nuevos bloques en Gutenberg para profesionales del marketing de contenidos.

Por ejemplo, el bloque Author te permite añadir rápidamente la caja donde añadir el nombre, resumen de biografía y foto del autor y el botón para seguirlo donde puedes indicar una URL.

#8 Stackable
El plugin Stackable desarrollado por Gambit Technologies seguramente es el que más bloques extra te proporciona: 24 y siguen aumentándolo.

Y si quieres ver una demo de una web construida con sus bloques, sólo tienes que hacer una visita a su propia web.
#9 Nelio Maps
Si lo único que buscas es un bloque para insertar un mapa totalmente personalizado de Google en tu página o entrada, con el plugin Nelio Maps ya lo tienes.

¡Te encantará por su sencillez y eficiencia!
#10 Ultimate Blocks
Istiak Rayhan nos contactó para comentarnos que no podíamos dejar de incluir el gran plugin que Matt Mullenweg había incluido en sus diapositivas en WordCamp US: Ultimate Blocks. Ya viene con 16 bloques y hay más en camino.

Conclusión
Como ves, con Gutenberg y todo el conjunto de bloques que te proporcionan estos plugins, puedes crear diseños mucho más impactantes sin escribir ni una sola línea de código.
Gutenberg y todos los desarrollos que vengan a partir de ahora nos traerán, seguramente, una nueva forma de creación de páginas y entradas muy distinta a la que conocíamos.
Imagen destacada de Susan Holt Simpson en Unsplash.
Deja una respuesta