GUTENBERG, El Editor Definitivo para WordPress [+TIPS]

Gutenberg es el nuevo editor de WordPress que permite construir y publicar páginas web de modo rápido y sencillo. Se trata, por tanto, de una herramienta que pretende revolucionar toda la experiencia de publicación en Internet tanto como Gutenberg lo hizo con la palabra impresa. El objetivo del editor es simplificar el diseño web para todos los usuarios, haciendo el contenido mucho más visual para llegar más rápido a la atención del público objetivo siguiendo las tendencias de diseño web.

La herramienta de diseño Gutenberg permite dar un nivel estético y personalizado a tu contenido web a través de los bloques que ofrece, permitiendo combinar texto con imágenes o videos, añadiéndole siempre un toque único.

Gutenberg introduce en WordPress una nueva funcionalidad: la edición por bloques. Este sistema de edición consiste en ir añadiendo contenido por secciones o tipología de contenido. Esta herramienta significa un gran avance para WordPress, ya que acerca la posibilidad de crear contenido web a todo usuario añadiendo esencia al mismo mediante la utilización de las diversas secciones que ofrece, sin necesidad de contar con conocimientos profundos sobre diseño web. Puedes olvidarte de los complejos códigos de diseño y programación para darle personalidad a tu contenido de manera sencilla.

El nuevo editor de texto Gutenberg de Wordpress ha venido para quedarse debido a las ventajas que ofrece a todo usuario independientemente de su nivel de conocimiento en creación de contenido. Estos son los principales beneficios de este editor que te permitirán sacarle el máximo partido a tu página web y a tu estrategia de marketing de contenidos. ¡Presta atención!

Después de crear una nueva entrada en WordPress, te aparecerá una pequeña presentación de la herramienta Gutenberg con un mini tutorial de lo que significan los bloques de este editor. Una vez abierto el editor, solo queda comenzar a escribir y desarrollar tu publicación. El editor Gutenberg de WordPress cuenta con tres secciones principales que te presento a continuación.

Para instalar el editor de texto Gutenberg debes contar con la versión 5.0 de Wordpress (o sucesivas). Su instalación es muy sencilla, ya que este editor ya viene incluido en las versiones de Wordpress que te acabo de mencionar, por lo que únicamente tienes que activarlo. A continuación, te indico los pasos a seguir para poder instalar el editor Gutenberg en Wordpress:

Los bloques del editor de texto Gutenberg tienen por objetivo hacerte más fácil la labor de escritura y diseño de tus contenidos. Te permiten introducir diferentes diseños, combinando textos, imágenes, vídeos y muchos más elementos de manera sencilla. A continuación te explico un poco más en profundidad cada uno de ellos.

Como puedes observar en la barra que aparece a la izquierda de tu contenido, esta herramienta permite darle distintos estilos a tu texto. Tienes las siguientes opciones:

En esta sección puedes añadir a tu publicación contenido diferente al texto escrito al que nos referíamos anteriormente, añadiendo los siguientes elementos:

Con esta herramienta puedes jugar con el estilo de tu publicación utilizando los siguientes elementos:

En esta sección, Gutenberg te ofrece multitud de opciones para añadir a tu contenido desde fuentes externas como pueden ser tus Redes Sociales, las cuales puedes seleccionar a través de su logo correspondiente. Esta opción que ofrece Gutenberg, te permite crear el contenido dinámico y visual que vengo resáltandote en toda esta guía. A continuación, te propongo algunos ejemplos de herramientas desde las cuales puedes incrustar contenido:

Con esta opción, Gutenberg te va a permitir añadir multitud de widgets a tu publicación de manera muy sencilla. Únicamente debes seleccionar el widget que deseas incluir en tu contenido, de entre las siguiente opciones:

A la hora de utilizar y crear elementos con el editor Gutenberg debes tener en cuenta una serie de pautas como, por ejemplo, el hosting, la plantilla y el dominio de tu WordPress. Normalmente cuando se utiliza este editor por primera vez suelen surgir muchas dudas y preguntas que a veces no tienen fácil respuesta. Por ello, después de muchos años utilizando este tipo de servicios, he juntado algunas preguntas frecuentes que me suelen hacer amigos, conocidos y clientes a la hora de utilizar el editor Gutenberg de WordPress:

Solamente con algunos. Al principio presentaba bastantes problemas en este sentido siendo incompatible con los mejores plugins de WordPress como, por ejemplo, Yoast SEO, All in One SEO Pack, Jetpack, NextGen Gallery o SiteOrigin Panels. No obstante, actualmente son muchos los plugins con los que el editor Gutenberg presenta compatibilidad, es decir, los que el usuario puede seguir utilizando mientras Gutenberg está activo.

Mi consejo es que compruebes la compatibilidad del plugin que deseas utilizar en el directorio de plugins de Wordpress.org, buscando el mismo por su nombre. Puedes encontrar la etiqueta «Tested with» en el directorio de plugins de WordPress.org buscando en el nombre de tu plugin. En caso de encontrar alguna incompatibilidad, te propongo que lo notifiques al equipo de Worpress para que lo tengan en consideración para futuras versiones.

Muy buena. La principal ventaja que presenta Gutenberg es, como te he indicado anteriormente, el diseño por bloques. Con ellos el editor te permite ir añadiendo contenido de diferentes estilos, combinar texto con imágenes, vídeos…y todos los tipos de bloque que te he comentado en esta guía, lo que hará tu publicación mucho más atractiva y personalizada.

La escritura puede ser tan sencilla como comenzar tu publicación con un texto e ir añadiendo los elementos que prefieras y consideres más adecuados al contenido que deseas obtener, bien simplemente utilizando la tecla intro para cambiar de bloque o dirigirte a la barra de herramientas superior izquierda, y elegir el tipo de bloque que deseas añadir. En definitiva, Gutenberg permite crear contenido limpio, muy visual y de forma sencilla.

Depende de tu hosting. Gutenberg puede presentar ciertas incompatibilidades con ciertos sitios web. Mi recomendación es que lo pruebes, siempre guardando antes de instalarlo una copia de seguridad de tu contenido. Si es incompatible, tiene solución. Solamente debes volver a activar el editor clásico predeterminado, una vez lo hayas descargado, dirígete a «Ajustes de escritura > Editor clásico predeterminado» de las dos opciones que verás en “Editor predeterminado para todos los usuarios”,  y guardar los cambios.

No. Por el momento, Gutenberg no permite modificar el contenido directo de la página web. Es cierto que esta herramienta está avanzando rápidamente, pero en este sentido, aún es necesario dirigirte a “vista previa” para ver cómo quedaría el diseño creado en tu página web.

Gutenberg no reemplaza aún al clásico editor predeterminado de Wordpress. Esta es otra de las ventajas de este editor, ya que al permitirte optar por utilizarlo o no, podrás seguir editando contenidos creados con anterioridad a tu instalación de Gutenberg. Así, podrás utilizar ambos editores según la publicación que desees crear o editar, según sea antigua o más reciente.

No se perderá. Al instalar la nueva versión de Wordpress, como ya te he contado, el editor Gutenberg será el predeterminado. Pero esto no afectará al contenido ya creado en esta herramienta, siempre que hayas guardado una copia de seguridad. No obstante, si quieres editar alguna publicación anterior a la nueva versión instalada de WordPress, debes activar el editor clásico anterior siguiendo los pasos que ya te he indicado.

Haciendo una copia del contenido. Antes de hacerte con la nueva versión de WordPress para comenzar a utilizar el editor Gutenberg, deberías hacer una copia de todos los elementos que hayas creado con anterioridad. Para realizar tu copia de seguridad, WordPress ofrece plugins o backups programados, los cuales puedes subirlos directamente a Dropbox o Google Drive. Igualmente, para hacer una copia de tus archivos en Wordpress, simplemente necesitarás un programa de FTP como FileZilla o Coda.

Como te he contado antes, la instalación del editor Gutenberg no supone el fin del clásico editor de Wordpress. Si ya te descargaste la versión 5.0 de Wordpress o sucesivas, puedes volver a su uso acudiendo al repositorio de WordPress e instalar el plugin del editor clásico, en la siguiente dirección: https://wordpress.org/plugins/classic-editor/ ; una vez lo hayas instalado, debes dirigirte a «Ajustes de escritura > Editor clásico» de las dos opciones que verás en “Editor predeterminado para todos los usuarios” y guardar los cambios.

No te lo aconsejo. Gutenberg ha venido para quedarse y, aunque actualmente pueda combinarse con el editor clásico de WordPress, en el futuro todas las plantillas de Wordpress funcionarán con este editor. ¿Mi consejo? Aprovecha que aún puedes seguir combinando ambos editores, el clásico y el nuevo, trabaja con el clásico si lo prefieres, pero aprende y crea todo lo que puedas con Gutenberg.

El editor de Gutenberg, como has comprobado, es un nuevo paradigma dentro de WordPress. Desarrolladores y creativos han comenzado a diseñar plugins de bloques para conseguir que todos los usuarios, independientemente de su conocimiento y sus necesidades, puedan crear un espacio de modo sencillo. La mayor parte de las herramientas se caracterizan por su ligero peso y por las posibilidades de configuración. Para que tú mismo puedas comprarlo he elaborado una lista de los mejores plugins de bloques para el editor de Gutenberg:

Como has podido comprobara lo largo de esta guía, utilizar el nuevo editor de texto Gutenberg de WordPress es casi una obligación por las muchas ventajas que ofrece y que se acabarán convirtiendo en las favoritas de todo usuario. Gutenberg proporciona un gran abanico de posibilidades para todo aquel que quiera iniciarse en el diseño de páginas web, poniendo a tu alcance la combinación de multitud de herramientas y diseños que puedes añadir a tu publicación.

A diferencia de otros editores, Gutenberg garantiza su sencillez a la hora de editar y crear contenido, gracias a su funcionalidad mediante bloques. No le tengas miedo a este nuevo editor, ya que son mayores las ventajas que presenta que sus inconvenientes. Con él lograrás personalizar tus publicaciones, insertar los elementos que se adapten a tu contenido y jugar con imágenes o vídeos para hacer tu publicación más atractiva. Gutenberg ha llegado para quedarse, por lo que cuanto antes lo domines mejor para tu web.

¿Qué te ha parecido esta guía sobre el nuevo editor de texto Gutenberg para Wordpress? ¿Te he animado a comenzar a sacarle partido a esta herramienta? ¿Quieres contar tu experiencia? ¿Crees que me he dejado algo por el camino? ¿Te has quedado con alguna duda o pregunta? Entonces te pido que dejes un comentario. Da igual que sea o una duda o un simple gracias, pero me alegraré mucho de leerlo y responderlo.