Gutenberg: WordPress moderniza su popular editor

WordPress es el sistema de gestión de contenido más utilizado a nivel mundial y se sigue de­sa­rro­lla­n­do de manera continua. Una de las mayores tra­n­s­fo­r­ma­cio­nes en la historia de WordPress ha sido la in­tro­du­c­ció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 re­em­pla­za­do al clásico editor TinyMCE y ha in­tro­du­ci­do una nueva forma de creación de contenido.

¿Qué es WordPress Gutenberg?

El proyecto Gutenberg es una ini­cia­ti­va para mo­de­r­ni­zar WordPress. Consta de varias fases y tiene como objetivo mejorar toda la ex­pe­rie­n­cia 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 di­fe­re­n­cia del pro­ce­sa­mie­n­to de texto tra­di­cio­nal, que utilizaba HTML y sho­r­t­co­des, 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 in­de­pe­n­die­n­te que se puede pe­r­so­na­li­zar de manera in­di­vi­dual. 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 adi­cio­na­les de creadores de páginas.

Historia del editor de bloques de WordPress

El de­sa­rro­llo del editor WYSIWYG comenzó con el objetivo de hacer WordPress más fácil de usar y ma­n­te­ne­r­lo co­m­pe­ti­ti­vo frente a los modernos creadores de páginas web. En 2017 se pu­bli­ca­ron los primeros anuncios sobre el proyecto Gutenberg. Las reac­cio­nes por parte de los de­sa­rro­lla­do­res y usuarios fueron di­fe­re­n­tes: unos ce­le­bra­ron el avance, pero otros mostraron preo­cu­pa­ción por posibles fallos de co­m­pa­ti­bi­li­dad. 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 pre­de­te­r­mi­na­do.

Desde entonces, gracias a numerosas ac­tua­li­za­cio­nes, se ha mejorado la fu­n­cio­na­li­dad del editor. Un hito im­po­r­ta­n­te fue la in­tro­du­c­ció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 re­uti­li­za­bles) y los Theme Blocks (bloques de tema) , ofrece cada vez más opciones de pe­r­so­na­li­za­ció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 di­fe­re­n­tes tipos de contenido. Cuenta con varias ca­ra­c­te­rí­s­ti­cas que lo di­s­ti­n­guen 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 pe­r­so­na­li­za­do de manera in­di­vi­dual.
2. Pla­n­ti­llas de bloques pre­de­fi­ni­dos: WordPress ofrece Block Patterns (o patrones de bloques), que permiten a los usuarios crear rá­pi­da­me­n­te diseños pro­fe­sio­na­les. Esta fu­n­cio­na­li­dad de Gutenberg co­n­tri­bu­ye si­g­ni­fi­ca­ti­va­me­n­te a la facilidad de uso, ya que incluso los diseños complejos pueden llevarse a cabo sin necesidad de co­no­ci­mie­n­tos técnicos profundos.
3. Estilos y diseños pe­r­so­na­li­za­dos: se pueden ajustar colores, fuentes y márgenes para cada bloque, sin necesidad de saber CSS.
4. Bloques re­uti­li­za­bles: los usuarios pueden guardar bloques pe­r­so­na­li­za­dos y re­uti­li­zar­los 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 en­ca­be­za­dos, pies de página y otras partes de la plantilla di­re­c­ta­me­n­te en el editor.

Ventajas y de­s­ve­n­ta­jas del editor de bloques

Como ocurre con cualquier gran cambio, el editor de bloques trae consigo tanto aspectos positivos como negativos. Una de las pri­n­ci­pa­les ventajas del editor Gutenberg es su facilidad de uso. Gracias a la fu­n­cio­na­li­dad de arrastrar y soltar (drag and drop), la creación de contenido es intuitiva. También se pueden lograr diseños flexibles y pe­r­so­na­li­za­dos sin necesidad de utilizar creadores de páginas adi­cio­na­les, gracias a la es­tru­c­tu­ra modular del editor. Los usuarios también dependen menos de los sho­r­t­co­des, ya que muchas funciones que antes se in­se­r­ta­ban mediante sho­r­t­co­des ahora están di­s­po­ni­bles como bloques. Con la función Full Site Editing, también es posible pe­r­so­na­li­zar páginas completas di­re­c­ta­me­n­te en el editor.

Aunque el editor de bloques ofrece muchas funciones, los creadores de páginas es­pe­cia­li­za­dos todavía son mejores en algunas áreas. Otra de­s­ve­n­ta­ja del editor Gutenberg es su baja co­m­pa­ti­bi­li­dad 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 adi­cio­na­les, opciones de diseño y fu­n­cio­na­li­da­des. Algunos de los mejores plugins de WordPress para extender el editor Gutenberg son los si­guie­n­tes:

• Spectra: añade numerosos bloques adi­cio­na­les, incluidos botones de llamada a la acción (CTA) avanzados, cuadros de in­fo­r­ma­ción y te­s­ti­mo­nios.
• Kadence Blocks: ofrece sistemas de cua­drí­cu­la pe­r­so­na­li­za­bles, fo­r­mu­la­rios avanzados y elementos in­ter­ac­ti­vos con soporte de IA.
• Stackable: incluye más de 40 bloques y diseños, ideal para crear diseños pro­fe­sio­na­les.
• CoBlocks: centrado en elementos de diseño y ma­que­ta­ción, con bloques adi­cio­na­les de columnas, galería y en­ca­be­za­do de tipo hero.