2. La barra de herramientas

El editor Gutenberg muestra una barra de herramientas en la parte superior de la pantalla que consta de los siguientes botones y opciones:

Barra herramientas Gutenberg

Barra de herramientas del editor.
  1. Icono WordPress El icono de WordPress nos devuelve al escritorio, al apartado de páginas o de entradas, dependiendo desde donde hayamos accedido al editor.
  2. Añadir un nuevo bloque: al pulsarlo, accedemos al siguiente buscador de bloques, donde podremos buscar el nombre del bloque o según su categoría (más utilizados se muestra desplegado; bloques comunes, formatos, elementos de diseño, widgets e incrustados necesitan ser desplegados para mostrar su contenido).
    Añadir nuevo bloque
  3. Deshacer: permite corregir la última acción. Su atajo de teclado es Ctrl + Z.
  4. Rehacer: permite volver a la estado anterior antes de haber pulsado deshacer. Su atajo de teclado es Ctrl + Shift + Z.
  5. Estructura del contenido: proporciona información general sobre la publicación en cuestión, como el número de palabras, de encabezados, de párrafos y bloques. Además, proporciona una vista esquemática del título y los encabezados de la página.
    Estructura del contenido
  6. Navegación de bloques: nos muestra un desplegable que nos permitirá saltar de un bloque a otro con total facilidad, haciendo clic en él.
  7. Herramientas: muestra un desplegable con dos opciones, editar y seleccionar, que permiten la interacción con los bloques. Editar está activada por defecto; para cambiar a la opción seleccionar, pulsamos  la tecla escape o hacemos clic en su opción del desplegable. Observamos que el icono cambia a .
  8. Cambiar a borrador: esta opción aparece si estamos trabajando en una página o entrada publicada y deseamos que deje de estarlo porque estamos trabajando en ella.
  9. Vista Previa: permite abrir una nueva ventana que muestra los cambios introducidos hasta ese mismo momento en el editor.
  10. Actualizar: guarda los cambios de las modificaciones realizadas y muestra el resultado. 
  11. Icono de Ajustes Ajustes: muestra una barra de opciones relativas al documento y al los bloques. Lo vemos en profundidad en el siguiente subcapítulo.
  12. Más herramientas y opciones:  este menú permite personalizar el editor. Por su extensión, lo desgranamos en este subcapítulo.