ATENCIÓN AL PÚBLICO: Lunes a Viernes de 10 a 13 horas

El nuevo editor de bloques [Gutenberg]

Desde la versión 5.0 en adelante WordPress incorpora un nuevo editor basado en bloques [Gutenberg], sustituyendo al editor clásico al que estábamos tan acostumbrados, cambiando también de forma radical la manera en la que se crean las entradas y las páginas.

NOTA: Desde la versión 5.8 WordPress también permite editar los widgets con el nuevo editor de bloques [Gutenberg].

Diferencias entre el editor clásico y el nuevo editor de bloques [Gutenberg]

Mientras que el editor clásico de WordPress se asemejaba a un editor de textos con sus correspondientes botones en la barra superior, el nuevo editor de bloques Gutenberg funciona mediante pequeños bloques a través de los cuales insertarás el contenido que quieras.

Los bloques son como pequeños elementos de contenido que podrás insertar en tu página o entrada, de forma similar a un maquetador visual.

Todo este cambio facilita al usuario la creación de contenidos, haciendo mucho más sencilla e intuitiva esta tarea.

Podrás configurar cada bloque por separado, incluso crear bloques para reutilizarlos más adelante en otras secciones de tu sitio web o tienda online.

Bajo mi punto de vista, se trata de un gran avance por parte de WordPress ya que con el nuevo editor de bloques, hasta los usuarios más novatos podrán realizar muchas de esas acciones que antes solo podrían hacer mediante maquetadores visuales como por ejemplo Elementor.

Con el editor de bloques Gutenberg podrás fácilmente, entre otras cosas:

  • Crear columnas
  • Crear tablas
  • Añadir botones
  • Configurar la tipografía

Iniciando el nuevo editor de bloques [Gutenberg]

La primera vez que visualices el nuevo editor de bloques, te mostrará una pequeña información, tal como se muestra en las siguientes imágenes.

Información inicial del editor de bloques
Bienvenido al editor de bloques
Información inicial del editor de bloques
Haz que cada bloque sea tuyo
Información inicial del editor de bloques
Conoce la biblioteca de bloques
Información inicial del editor de bloques
Aprende cómo usar el editor de bloques

Elementos del editor de bloques [Gutenberg]

Básicamente el nuevo editor de bloques consta de tres partes principales. Veamos cuáles son:

  • La barra de menú superior
  • La barra lateral
  • El área de contenido

A continuación podrás visualizar algunas imágenes para que sepas cuáles son los diferentes elementos que te vas a encontrar en este nuevo editor de bloques.

La barra del menú superior

Veamos una imagen de la barra del menú superior.

Menú superior del editor de WordPress

Ahora veamos cada botón de la barra superior por separado.

Salir

Este botón cierra la página o entrada que estés editando y regresa al panel de WordPress.

Añadir

Este botón abre el explorador de bloques con el que podrás añadir bloques, patrones y bloques reutilizables (previamente guardados).

Modo

Este botón de herramientas selecciona el modo con el que interactúas en el editor, pudiendo elegir entre editar o seleccionar.

Deshacer

Este botón sirve para retroceder, deshaciendo la última acción, igualmente también podrás rehacer.

Detalles

Este botón de información nos ofrece, con detalle, el número de caracteres, palabras, títulos, párrafos y bloques existentes.

Vista

Este botón sirve para mostrar una lista de todos los bloques existentes. Muy útil para navegar a través de los diferentes bloques.

Opciones

Estas opciones se mostrarán antes de publicar tu entrada o página.

Opciones

Estas opciones se mostrarán al editar tu entrada o página.

Configuración

Este botón de configuración muestra u oculta el menú de ajustes de la página y las opciones del bloque, en la barra lateral.

Opciones

Este botón abre el menú para ver opciones, el estilo del editor y las herramientas adicionales.

La barra lateral

La barra lateral incluye los ajustes de la entrada o la página que estés editando en ese momento.

Ajustes de entradas
Ajustes de páginas

En la barra lateral también se muestran los ajustes específicos para el bloque que tengas seleccionado o activo en ese momento.

Ajustes del bloque
Ajustes del bloque

Área de contenido

Se trata de la sección principal del editor, desde donde añadirás los bloques de contenido, los cuales te permitirán añadir y personalizar rápidamente varios elementos multimedia y visuales que antes solían requerir el uso de métodos más complejos.

Área de contenido (entrada)
Área de contenido (página)

A tener en cuenta

A medida que instalemos plugins adicionales en nuestro sitio web, más opciones estarán visibles en la barra superior. Por ejemplo, si instalas JetPack o Yoast SEO, se mostrarán sus correspondientes iconos. En la siguiente imagen, una barra superior del editor Gutenberg con el Yoast SEO activado.

Barra superior con Yoast SEO activado

Más adelante veremos algunos videotutoriales sobre cómo crear entradas, cómo crear páginas, y cómo trabajar los widgets con el nuevo editor de bloques Gutenberg.

Photo of author

Javier Félix

Hola mi nombre es Javier Félix, soy diseñador y programador web especializado en WordPress. Puedo ayudarte ofreciéndote servicios exclusivos de WordPress a la medida de tus necesidades.