WordPress 5.0 y el Editor Guttenberg

nuevo editor de wordpress guttenberg

Pues sí, después de mucho tiempo anunciándolo, el nuevo editor de WordPress, Guttenberg, ha llegado con la nueva actualización de WordPress.

Si ya has actualizado tu WordPress a la versión 5.0 y de repente todo ha cambiado, no te preocupes… Es que el nuevo editor de WordPress, llamado Guttenberg, que trae muchísimos cambios a WordPress y a todas sus posibilidades.

Si no te encuentras cómodo/a con esta versión, no te preocupes, puedes volver a tu editor de siempre, simplemente instalando un plugin y activandolo. Al final de este artículo de hablo de él, pero antes de aconsejo que le des una oportunidad al nuevo editor y pruebes algunas de sus funcionalidades. 

¡Te puedes sorprender!

¿Qué es Guttenberg, el nuevo editor de WordPress?

Has actualizado WordPress, vas a escribir tu primera entrada y te encuentras de repente con un nuevo editor que lo ha cambiado todo y no sabes por donde empezar. Pues no te preocupes, porque todo es más sencillo de lo que parece.

Guttenberg, es el nuevo editor de entradas y páginas de WordPress, que ha venido para quedarse, aunque como adelantaba antes, se puede volver al editor antiguo con un simple plugin que podremos usar hasta el año 2021, cuando dejará de tener soporte.

¿Cómo funciona el nuevo editor?

El nuevo editor funciona de forma muy sencilla, solamente tienes que comprender que ahora tu editor de entradas y páginas pasa a ser un sistema que funciona por bloques, que vas añadiendo según escribes tu entrada o página.

Te ofrece múltiples opciones y oportunidades para dar una imagen diferente a cada entrada de tu blog o a cada página de tu web sin necesitar incluir nada de código.

En cada uno de estos bloques, puedes insertar un texto, una imagen, un título, una cita. Puedes incluir varias columnas en tu entrada o añadir separadores.

Cada uno de estos bloques tomará el diseño que marque el tema que estés utilizando. Y tu tema puede añadir bloques complementarios para mejorar con mucho tu diseño.

Entendiendo el nuevo editor de WordPress

Guttenberg- Pantalla Completa

Como ves en la imagen superior, el nuevo editor de WordPress se divide en dos apartados.

  • El principal, en dónde vas a ir incluyendo todos los bloques que vayas a añadir a tu entrada o página.
  • El secundario, que está a la derecha donde dispones de todas las configuraciones del Documento, y también las opciones del Bloque que estás editando o creando en cada momento.

En la parte superior tienes los botones para guardar, vista previa, publicar, un botón para ver los ajustes o no también los botones de deshacer y rehacer o publicar nueva entrada o página. 

¿Qué bloques puedo añadir en mi nuevo editor?

Por defecto, Guttenberg trae una serie de bloques que puedes añadir para escribir y preparar tu entrada o página.

añadir nuevo bloque

Para añadir un nuevo bloque simplemente pulsamos en Añadir bloque, que aparece al pasar con el ratón por encima del editor.

Bloques Guttenberg

Por defecto nos aparecerán los bloques más comunes para utilizar y según vayamos utilizando nuestro editor, determinará cuáles son los que más usamos para que nos aparezcan aquí en la parte superior.

Pero si seguimos bajando veremos que hay muchos más bloques, formatos o diseños que podemos utilizar.

Bloques comunes

Bloques comunes guttenberg

Lo primero que nos encontramos son los bloques comunes. 

  • Párrafo, para escribir un texto normal
  • Imagen, para subir una imagen o elegir una de nuestra galería.
  • Cita para incluir una cita.
  • Audio, para subir o añadir un archivo de audio.
  • Fondo, para añadir un fondo concreto a este bloque.
  • Archivo, para subir un archivo en este bloque.
  • Vídeo, para subir o añadir un vídeo de nuestra galería.

Bloques de Formatos

En los formatos podemos elegir opciones que modificarán el formato de los textos que escribimos.

  • Verso, tomará el formato por defecto que defina nuestro tema para este formato.
  • Código, para insertar nuestro código, tomará también los formatos que tenga definidos nuestro tema.
  • Html Personalizado, aquí  podemos jugar con el html y el css a nuestro gusto.
  • Preformateado, tomará el formato de nuestro tema para este estilo.
  • Párrafo de cita, tambien tomará los estilos que marque nuestro tema.
  • Tabla, para poder incluir una tabla, también siguiendo los estilos marcados en nuestro tema.
Formatos Guttenberg

Elementos de Diseño

elementos de diseno guttenberg

Este apartado es el que más funcionalidades añade nuevos a nuestro editor de WordPress.

  • Columnas, puedes añadir columnas como las que estás viendo en esta entrada, gracias a esta funcionlidad y sin añadir nada de código.
  • Botón, ¿quieres incluir una llamada a la acción en tu entrada o página? Puedes añadir un botón que seguirá los estilos marcados por tu tema.
  • Medios y texto, puedes añadir una imagen, video… al lado de un texto igual que ves en esta entrada solo con pulsar este botón.
  • Más, para insertar el leer más, solo lo necesitarás si tu tema lo requiere.
  • Salto de página, para insertar un salto de página en tu entrada o página.
  • Separador, añade un separador en la entrada o página.
  • Espaciador, añade el espacio que necesites.

Widgets, en las entradas

Sí, puedes añadir widgets compatibles en tus páginas o entradas.

  • Shortcode, para añadir un código corto de los disponibles de WordPress.
  • Archivos, para añadir el widget de archivos de WordPress.
  • Categorías, para mostrar el listado de categorías de tus entradas.
  • Últimos comentarios, para insertar los últimos comentarios de tu blog.
  • Últimas entradas, muestra las últimas entradas de tu blog.
widgets guttenberg

Inscrustados

incrustados guttenberg

Añade un bloque con contenido incrustado de lugares externos, como twitter, youtube, facebook, Instagram.

Tomará el formato marcado para cada página web externa.

Y si es una página que no figura entre las opciones, puedes elegir simplemente Incrustado e incluir ahí la url del contenido que quieres inscrustar en tu web.

Con todas estas opciones podrás escribir entradas con diferentes estilos y formas y darle un formato increíble a cada página o entrada de tu página web. 

Cómo volver a mi editor de siempre

editor clasico de wordpress

Si ya lo has probado, y no te gusta o no funciona correctamente con tu tema de WordPress, puedes volver al editor clásico de wordpress y seguir utilizándolo hasta 2021,  cuando finalmente se eliminará de WordPress.

Para volver al editor clásico solamente tienes que ir a la sección Añadir nuevo plugin y en esa misma pantalla aparecerá este plugin para instalarlo.

Una vez lo actives, volverás a tener tu editor de siempre.

¿Has probado ya Guttenberg? ¿Qué te parece?

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información básica sobre Protección de Datos

  • Responsable:Estefanía Álvarez Vijande.
  • Fin del Tratamiento:Respuesta a la información solicitada y relación comercial.
  • Legitimación:El consentimiento del usuario.
  • Destinatarios:Los datos no se comunicaran a terceros, salvo obligación legal.
  • Derechos:Acceder, rectificar y suprimir los datos, tal como se explica en la información adicional
  • Información Adicional:Puedes consultar toda la información sobre protección de datos en la Política de Privacidad