Hemos probado Gutenberg, el futuro editor de contenido de WordPress 5.0. En este artículo encontrarás todas las respuestas a tus preguntas y una miniguía para descubrir esta evolución principal de WordPress, la herramienta más utilizada del mundo para crear sitios web.

Si has creado tu sitio con WordPress, seguro que te has enterado de se está gestando una pequeña revolución con la próxima introducción del nuevo editor de contenido Gutenberg. Como toda novedad, plantea muchos interrogantes y cambios en nuestras costumbres:

  • ¿Mi sitio se romperá por completo?
  • “¿Cómo funciona Gutenberg?”
  • “¿Cuáles son las ventajas de Gutenberg?”
  • “¿Qué será de los editores de páginas?”
  • “¿Me veré obligado a pasar a Gutenberg?”
  • Etc.

Si tienes cualquier pregunta relacionada con esta pequeña revolución, este es tu artículo:-)

“El cambio es ley de vida. Y aquellos que miran solo al pasado o al presente, seguramente se perderán el futuro.” John Fitzgerald Kennedy

Gutenberg: ¿qué? ¿por qué? ¿cuándo?

¿Qué és Gutenberg ?

Gutenberg es el editor de contenido que sustituirá próximamente al editor al que estás acostumbrado desde hace muchos años. Recibe este nombre por Johannes Gutenberg, inventor que revolucionó el arte de imprimir y reproducir textos hace más de 500 años.

El objetivo de esta evolución es facilitar aún más la creación de contenidos. Con Gutenberg, puedes construir tus páginas arrastrando bloques de imágenes, vídeos, galerías, etc., lo que permite crear muy fácilmente magníficas maquetaciones, completamente optimizadas para móviles. No hace falta utilizar innumerables shortcodes para crear columnas, enmarcar textos o insertar tus redes sociales.

Con la próxima actualización importante de WordPress, podrás disponer nativamente de un Page Builder muy fácil de manejar.

¿Cuándo se introducirá Gutenberg?

Gutenberg se introducirá con el lanzamiento de WordPress 5.0, pero los desarrolladores no han confirmado ninguna fecha de salida.

Si miramos el calendario habitual de actualizaciones de WordPress, es previsible que esta actualización llegue de aquí a finales de 2018, o como muy tarde durante el primer trimestre de 2019.

Gutenberg: repercusiones concretas para tu sitio actual

¿Mi sitio será compatible con Gutenberg ?

La comunidad WordPress se prepara desde hace tiempo para la llegada de este nuevo editor. Al actualizar regularmente tu sitio (algo que te recomendamos insistentemente por razones de seguridad), no tendrás que realizar ninguna acción en la mayoría de los casos si utilizas extensiones y temas difundidos.

Si no has diseñado el sitio tú mismo o no estás seguro de utilizar un tema o unos componentes actualizados regularmente, ponte en contacto con tu webmaster o con alguno de nuestros socios para comprobar la compatibilidad de tu sitio con WordPress 5.0.

He construido mi sitio con un Page Builder (Divi, Elementor, Visual Composer, Beaver Builder, Thrive Architect). ¿Seguirá funcionado con Gutenberg?

  • Elegant Themes : Elegant Themes ha confirmado que Divi y Gutenberg son compatibles desde ahora.
  • Elementor: Elementor también lo ha confirmado y ha introducido las nuevas funcionalidades de su versión 2.1, que ofrece, por ejemplo, la posibilidad de pasar fácilmente de Gutenberg a Elementor.
  • Visual Composer: el Page Builder más utilizado en la plataforma Themeforest también será compatible con Gutenberg (fuente). Podrás elegir entre dos opciones:
    • Utilizar el editor Gutenberg con tu layout Visual Composer
    • Desactivar/Activar el editor Gutenberg (en el caso de que desees seguir utilizando el editor clásico)
  • Beaver Builder: Beaver Builder 2.1 y Gutenberg son compatibles (fuente). En función de tus preferencias, podrás elegir entre el editor clásico, Gutenberg y Beaver Builder.
  • Thrive Architect : Shane Melaugh, la cabeza pensante de Thrive Theme, ha confirmado que Thrive Architect será completamente compatible con Gutenberg.

¿Gutenberg va a sustituir a los Page Builder (Divi, Elementor, Visual Composer, Beaver Builder, Thrive Architect) ?

Los usuarios que descubren WordPress quedarán completamente satisfechos con Gutenberg, que ofrece ahora todas las funcionalidades básicas para cuidar la maquetación sin tener que añadir una extensión de pago como Divi, Elementor, Visual Composer, Beaver Builder o Thrive Architect.

Los usuarios avanzados o los que utilizan ya un Page Builder para funcionalidades avanzadas, podrán seguir construyendo sus páginas con su herramienta favorita, siempre que sea compatible con WordPress 5.0.

Como Gutenberg aún está en sus comienzos, los Page Builders de referencia ofrecen actualmente aún más posibilidades, pero los desarrolladores de los Page Builders deberán redoblar sus esfuerzos para reinventarse y convencer a los usuarios. Al final, toda la comunidad WordPress resultará beneficiada.

¿Me veré obligado a utilizar Gutenberg con WordPress 5.0?

  • Antes de la salida de WordPress 5.0, puedes elegir entre probar el nuevo Page Builder de WordPress o seguir utilizando el editor clásico.
  • En cambio, el nuevo editor se activará por defecto en la próxima versión principal de WordPress. Por ello, te recomendamos probar la compatibilidad de tus temas y extensiones antes de instalar WordPress 5.0.

¿Cómo puedes probar Gutenberg ya mismo en tu sitio?

Por ahora, Gutenberg solo está disponible como extensión. Sin embargo, te sugerimos que no la instales en un sitio en producción ya que sigue estando en versión beta.

Para instalar Gutenberg:

  1. Conéctate al panel de control de WordPress
  2. Dirígete a Extensiones >> Añadir
  3. Busca Gutenberg en la barra de búsqueda
  4. Haz clic en el botón Instalar
  5. Haz clic en el botón Activar

Tu editor ya es funcional y tu sitio utilizará a partir de ahora el editor Gutenberg por defecto.

Tus primeros pasos con Gutenberg

Ahora que hemos visto cómo instalar y activar Gutenberg, ya estás preparado para redactar tu primer artículo con el nuevo editor de WordPress.

¿Cómo funciona Gutenberg?

Bloques individuales

Gutenberg construye las páginas mediante bloques, y cada uno de ellos ofrece una funcionalidad específica. Así, puedes añadir un bloque de texto, de columna, de imagen o de vídeo.

¿Deseas compartir una playlist de Spotify? ¿Tienes que integrar una campaña de crowdfunding? También existe un bloque diseñado con este fin. Todo es muy sencillo.

Puedes apilar, insertar, arrastrar y mover bloques, unos sobre otros o junto a otros, para construir las páginas de tus sueños, más o menos como si fueran construcciones de Lego.

¿Cuáles son los diferentes bloques integrados?

En su lanzamiento, Gutenberg integrará los bloques siguientes:

  • Párrafo: permite insertar un párrafo y personalizar el tamaño de la fuente, el color del texto y el fondo del bloque.
  • Título: permite integrar un título de H1 a H6, ideal para estructurar tu contenido y optimizarlo para el posicionamiento en los motores de búsqueda.
  • Imagen: permite insertar una imagen y personalizar su aspecto.
  • Galería: permite crear magníficas galerías de fotos. Basta con seleccionar el número de columnas para que el contenido se adapte automáticamente.
  • Lista: permite añadir una lista de elementos, con números o con viñetas.
  • Cita: permite añadir una cita.
  • Sonido: permite insertar un archivo de audio y decidir si la reproducción debe ser automática o en bucle.
  • Archivo: permite añadir un archivo que tus visitantes deben descargar fácilmente.
  • Subtítulo: permite escribir un texto más pequeño que un título, pero más grande que el texto básico.
  • Vídeo: permite integrar fácilmente vídeos en tus páginas y artículos.

Existen muchas funcionalidades que te permitirán, sobre todo, modificar el formateo del contenido, insertar columnas o separadores o integrar vídeos de YouTube o contenido procedente de las plataformas sociales más populares.

¿Cómo insertar un bloque?

Haciendo clic en el (+) a la izquierda de Escribe tu historia, aparece una ventana pop-up y te propone insertar un bloque a elegir entre los más utilizados. Por ejemplo, insertamos un bloque parráfo.

¿Cómo personalizar un bloque?

Una vez creados tus bloques, basta con hacer clic en un bloque para personalizar su visualización a tu gusto. En el ejemplo siguiente, personalizamos el primer bloque de párrafo modificando el tamaño del texto, añadiendo una letra florida y un fondo gris.

***

Ya estás preparado para la inminente llegada de Gutenberg. Como habrás podido comprobar, esta nueva herramienta te ofrece la posibilidad de crear sitios atractivos con mayor facilidad.

Si todavía no tienes un sitio, es el momento ideal para descubrir WordPress, que ahora es más fácil de utilizar y más potente que antes.

Lo único que necesitas para lanzarte es un alojamiento web optimizado para WordPress y un nombre de dominio.

Más información