Gutenberg: WordPress moderniza su popular editor

WordPress es el sistema de gestión de contenido más utilizado a nivel mundial y se sigue desarrollando de manera continua. Una de las mayores transformaciones en la historia de WordPress ha sido la introducción del editor de bloques como parte del proyecto Gutenberg (por ello, también se le conoce a veces como el editor Gutenberg). Este nuevo editor de bloques ha reemplazado al clásico editor TinyMCE y ha introducido una nueva forma de creación de contenido.

¿Qué es WordPress Gutenberg?

El proyecto Gutenberg es una iniciativa para modernizar WordPress. Consta de varias fases y tiene como objetivo mejorar toda la experiencia en WordPress, desde la creación de entradas hasta el diseño completo de páginas web. El editor por bloques es el primer gran hito de este proyecto. Se introdujo con WordPress 5.0 en diciembre de 2018 y reemplazó al antiguo editor clásico. A diferencia del procesamiento de texto tradicional, que utilizaba HTML y shortcodes, el nuevo editor se basa en un sistema modular de bloques. Cada tipo de contenido —ya sea un párrafo, una imagen o una tabla— es un bloque independiente que se puede personalizar de manera individual. Esto no solo facilita la creación de entradas y páginas, sino que también permite crear diseños complejos sin necesidad de CSS o plugins adicionales de creadores de páginas.

Historia del editor de bloques de WordPress

El desarrollo del editor WYSIWYG comenzó con el objetivo de hacer WordPress más fácil de usar y mantenerlo competitivo frente a los modernos creadores de páginas web. En 2017 se publicaron los primeros anuncios sobre el proyecto Gutenberg. Las reacciones por parte de los desarrolladores y usuarios fueron diferentes: unos celebraron el avance, pero otros mostraron preocupación por posibles fallos de compatibilidad. En 2018, el editor de bloques se lanzó como una versión beta en forma de plugin. A finales de ese mismo año, WordPress 5.0 se lanzó con el editor Gutenberg como el editor predeterminado.

Desde entonces, gracias a numerosas actualizaciones, se ha mejorado la funcionalidad del editor. Un hito importante fue la introducción de Full Site Editing en WordPress 5.8 y 5.9. En la versión actual de WordPress 6.1, el editor de bloques es una parte integral del sistema, que gracias a nuevas funciones como los Block Patterns (patrones de bloques), los Reusable Blocks (bloques reutilizables) y los Theme Blocks (bloques de tema) , ofrece cada vez más opciones de personalización.

¿Cómo funciona el editor de bloques Gutenberg de WordPress?

El editor de bloques de WordPress se basa en un sistema modular. Cada entrada y página están formadas por bloques, que pueden contener diferentes tipos de contenido. Cuenta con varias características que lo distinguen del editor anterior, TinyMCE:

1. Bloques como base para la creación de contenido: existen bloques para textos, imágenes, vídeos, listas, tablas y mucho más. Cada bloque puede ser editado, movido o personalizado de manera individual.
2. Plantillas de bloques predefinidos: WordPress ofrece Block Patterns (o patrones de bloques), que permiten a los usuarios crear rápidamente diseños profesionales. Esta funcionalidad de Gutenberg contribuye significativamente a la facilidad de uso, ya que incluso los diseños complejos pueden llevarse a cabo sin necesidad de conocimientos técnicos profundos.
3. Estilos y diseños personalizados: se pueden ajustar colores, fuentes y márgenes para cada bloque, sin necesidad de saber CSS.
4. Bloques reutilizables: los usuarios pueden guardar bloques personalizados y reutilizarlos en varias entradas.
5. Full Site Editing o edición completa de la página: desde WordPress 5.8, el editor de bloques permite también editar encabezados, pies de página y otras partes de la plantilla directamente en el editor.

Ventajas y desventajas del editor de bloques

Como ocurre con cualquier gran cambio, el editor de bloques trae consigo tanto aspectos positivos como negativos. Una de las principales ventajas del editor Gutenberg es su facilidad de uso. Gracias a la funcionalidad de arrastrar y soltar (drag and drop), la creación de contenido es intuitiva. También se pueden lograr diseños flexibles y personalizados sin necesidad de utilizar creadores de páginas adicionales, gracias a la estructura modular del editor. Los usuarios también dependen menos de los shortcodes, ya que muchas funciones que antes se insertaban mediante shortcodes ahora están disponibles como bloques. Con la función Full Site Editing, también es posible personalizar páginas completas directamente en el editor.

Aunque el editor de bloques ofrece muchas funciones, los creadores de páginas especializados todavía son mejores en algunas áreas. Otra desventaja del editor Gutenberg es su baja compatibilidad con versiones y plugins antiguos de WordPress.

Plugins para ampliar el editor de bloques

Al igual que ocurre con otros CMS, el editor de bloques también se puede ampliar mediante numerosos plugins que añaden bloques adicionales, opciones de diseño y funcionalidades. Algunos de los mejores plugins de WordPress para extender el editor Gutenberg son los siguientes:

• Spectra: añade numerosos bloques adicionales, incluidos botones de llamada a la acción (CTA) avanzados, cuadros de información y testimonios.
• Kadence Blocks: ofrece sistemas de cuadrícula personalizables, formularios avanzados y elementos interactivos con soporte de IA.
• Stackable: incluye más de 40 bloques y diseños, ideal para crear diseños profesionales.
• CoBlocks: centrado en elementos de diseño y maquetación, con bloques adicionales de columnas, galería y encabezado de tipo hero.