¿Qué es Gutenberg y como beneficia a los sitios web?

Nadie pudo prever con certeza qué traería consigo. Sin embargo, la sorpresa fue grata y el impacto, monumental. Lo que comenzó como un lanzamiento incierto se convirtió en una historia de éxito que trascendió las expectativas, con usuarios y desarrolladores ansiosos por adoptar este nuevo enfoque.

A lo largo de los últimos cuatro años, hemos sido testigos de un asombroso crecimiento en la evolución de Gutenberg. De su fase inicial como un producto mínimo viable, ha evolucionado hacia un proyecto sólido y maduro, acercándose a la ambiciosa meta de lograr una experiencia integral de Edición Completa de Sitios para WordPress.

En las páginas siguientes, sumérgete en el fascinante mundo de Gutenberg. Exploraremos su funcionamiento, desentrañaremos sus intrincados detalles y destacaremos sus beneficios más notorios, especialmente en lo que respecta a la creación de contenido. Prepárate para descubrir cómo Gutenberg ha revolucionado la forma en que damos vida a nuestras ideas en la web actual.»

Introducido con el lanzamiento de WordPress 5.0 en diciembre de 2018, Gutenberg, también conocido como el «Editor de Bloques de WordPress», ha transformado radicalmente la manera en que creamos contenido en esta plataforma líder.

En lugar de conformarse con el tradicional «Editor de WordPress», Gutenberg ha inaugurado una era de creación de contenido modular. En este nuevo enfoque, el espacio de edición se descompone en bloques individuales, cada uno de los cuales puede ser adaptado y organizado de maneras diversas. Este enfoque innovador no solo simplifica el proceso de creación, sino que también otorga una flexibilidad sin precedentes a la hora de dar vida a tus ideas en línea. Desde fragmentos de texto y imágenes cautivadoras hasta elementos interactivos avanzados, Gutenberg lo hace todo posible sin necesidad de conocimientos técnicos profundos. En este artículo, exploraremos en profundidad qué es Gutenberg y cómo su enfoque revolucionario beneficia a los sitios web, permitiéndoles destacar en un mundo digital en constante evolución.

Cada bloque de contenido es una unidad independiente que se puede usar para agregar texto, imágenes, videos, audio y otros tipos de contenido a una página o publicación.

Los bloques se pueden organizar de varias maneras, lo que facilita la creación de diseños y diseños complejos sin la necesidad de un código personalizado o plugins para creación de páginas complejas.

Funciona con una amplia gama de tipos de bloques, que incluyen:

• Bloques de texto: para agregar encabezados, párrafos y otros tipos de contenido de texto.
• Bloques de imágenes: permite agregar imágenes individuales o galerías.
• Bloques de video y audio: puedes incrustar videos y archivos de audio.
• Bloques incrustados: para incrustar contenido de fuentes externas como YouTube, Twitter o Instagram.
• Bloques personalizados: puedes crear bloques de contenido personalizados mediante HTML, CSS y JavaScript.

El Editor de bloques de Gutenberg ofrece varias ventajas sobre el Editor clásico en WordPress.

Estos son algunos de sus principales beneficios:

En un panorama ya saturado con innumerables constructores de páginas de todos los tipos imaginables, cada uno buscando llenar un claro vacío en el gestor de contenido, surgió una necesidad latente: la capacidad de diseñar páginas visualmente, sin la necesidad de sumergirse en líneas de código.

Los usuarios de WordPress ansiaban la libertad de crear contenido independientemente de su nivel de competencia técnica. El editor TinyMCE ya no bastaba. Así es como nació Gutenberg: de la necesidad de una solución universal, optimizada y adaptable para elevar los estándares y prevenir un uso indebido de la herramienta.

Optar por Gutenberg, la solución oficial, garantiza:

• Adherencia al código estándar de WordPress.
• Compatibilidad al 100% con WordPress en todas tus creaciones.
• Estabilidad a largo plazo.
• Mayor seguridad.
• Esfuerzo en garantizar la accesibilidad.

Si tienes dudas, simplemente ponlo a prueba. Pídele a alguien que nunca haya explorado WordPress desde dentro que cree contenido utilizando Gutenberg. Los resultados te sorprenderán.

De manera paradójica, incluso los novatos logran comprender el editor y en cuestión de minutos, ya están generando contenido. Sorprendentemente, es posible que les lleve menos tiempo adaptarse que a ti, quien ha estado utilizando el Editor Clásico durante años.

Gutenberg surge desde WordPress y está intrínsecamente ligado a él. Aunque continuará evolucionando, siempre lo hará dentro de este ecosistema. La comunidad sin fines de lucro es la fuerza impulsora detrás de sus mejoras.

¿Puede decirse lo mismo de los editores visuales de terceros? Cuando una empresa está detrás, el rumbo del proyecto puede cambiar en cualquier momento y el beneficio económico puede prevalecer por encima de las mejoras en la herramienta.

Seamos realistas. Cuanto más complejo es el diseño, mayor será el impacto en tu sitio web y menor la probabilidad de hacerlo bien, a menos que seas un diseñador experto.

Para la mayoría de usuarios, Gutenberg es suficiente para replicar las páginas más comunes. Con Gutenberg, puedes:

• Generar listados, negritas, cursivas, enlaces, encabezados y párrafos de texto.
• Distribuir elementos en columnas.
• Definir si un elemento o grupo ocupa toda la pantalla.
• Aplicar colores de fondo o cambiar los colores del texto.
• Insertar imágenes, galerías, videos, audios, código y shortcodes.
• Crear botones.

¿Necesitas algo más para diseñar una página efectiva?

Y si requieres elementos adicionales en Gutenberg, te recomendamos el complemento gratuito Spectra.

Aunque puedas desactivarlo por ahora, Gutenberg ha llegado para quedarse, guste o no. Todas las futuras versiones de WordPress considerarán a Gutenberg.

Puede que puedas desactivarlo ahora, pero no sabemos por cuánto tiempo. Si trabajas con clientes, conforme pase el tiempo, te enfrentarás a más usuarios que utilizan Gutenberg. Como profesional, tendrás que adaptarte a su elección. Cuanto antes te familiarices, mejor.

Gutenberg está diseñado de manera que no sobrescribe los estilos de tu tema, una frustración común con otros editores.

¿Alguna vez has intentado aplicar un color a un elemento desde tu editor sin éxito? Esto se debe a las «interferencias» entre el código del tema y el editor.

Cuando necesitas aplicar estilos en un bloque de Gutenberg, el editor lo maneja con respeto, incorporándolos a los ya existentes.

Uno de los aspectos más atractivos de Gutenberg, especialmente para aquellos acostumbrados a teclear código.

Gutenberg no es solo un editor de «arrastrar y soltar». Puedes crear contenido utilizando comandos de teclado mínimos, como /imagen seguido de Enter para insertar una imagen.

Si prefieres usar clics, simplemente pulsa el icono +. Y como mencionamos, también es compatible con tabletas.

A día de hoy, el peso y el impacto de Gutenberg en WordPress no pueden medirse por separado, ya que están integrados. Sin embargo, podemos compararlo con editores externos como Elementor (versión gratuita) y Elementor PRO.

Peso total de Elementor + Elementor PRO: 20.6 MB.

En un WordPress 5.3.2 con el tema TwentyTwenty y sin plugins, la web realiza 26 solicitudes y carga en 1.97 s.

Con Elementor + Elementor PRO, las solicitudes aumentan a 42 y el tiempo de carga va de 2.25 s a 3.75 s. Sin embargo, Gutenberg puede combinarse con el complemento gratuito Spectra. Con esta combinación, te acercarás mucho a lo que ofrece Elementor.»

En resumen, el editor de bloques Gutenberg ha allanado el camino para la creación de contenido en WordPress de manera notablemente más sencilla y efectiva. Su enfoque modular ha revolucionado la manera en que concebimos y damos forma a nuestras publicaciones, y su diversidad de tipos de bloques nos empodera para lograr resultados profesionales sin la necesidad de adentrarnos en la programación personalizada. A medida que este editor continúa evolucionando, es evidente que Gutenberg se ha convertido en un pilar esencial para cualquier persona que busque construir una presencia en línea impactante y atractiva.