4. Los bloques de Gutenberg

4.3. Bloques comunes

Los bloques comunes alojarán la mayor parte de los contenidos de tus páginas y entradas. Son los siguientes:

  • Párrafo: permite la escritura libre. En la barra de herramientas de arriba a la izquierda están las opciones de alineación del texto, negrita, cursiva, enlaces y tachado.

    Menú superior bloque párrafo

    Barra superior del bloque párrafo
    En la columna de Ajustes, a la derecha, podremos cambiar el tamaño del texto, añadir la primera letra capital, y algunas opciones de edición de color.

    Menú superior bloque párrafo

    Menú Ajustes del bloque párrafo

    Es destacable que no haya que añadir los bloques de párrafos uno a uno, sino que pulsando la tecla enter de manera natural se irán añadiendo los demás.


  • Imagen: este bloque permite insertar una fotografía en la página o entrada. Hay tres modos de hacerlo:
    El primero consiste en subir la fotografía del ordenador, pulsando en subir y eligiendo la imagen deseada. Una vez hecho, se incluirá en la publicación.
    El segundo consiste en tomar una fotografía de la biblioteca de medios, siempre que la hayamos subido antes. En cualquier caso, podemos volver a subirla o seleccionar la pestaña biblioteca de medios, para ver las que hayamos subido con anterioridad. La seleccionamos y se incluirá en la publicación.

    Biblioteca de medios

    Vista de la biblioteca de medios

    El tercero consiste en insertar la imagen desde una url. Para ello, basta con que copiemos y peguemos el enlace de la imagen en cuestion.
    En cualquiera de los tres casos, la imagen se añadirá como aparece la imagen siguiente.
    También dispone de un menú arriba a la izquierda, donde podremos modificar el estilo de la imagen, la alineación, el ancho que ocupa, si enlaza a otra web, etc.

    Menú superior bloque imagen

    Menú superior del bloque imagen
    Además, en el menú ajustes derecho, tendremos a nuestra disposición además de los estilos y ajustes, el tamaño de la imagen.

    Menú superior bloque imagen

    Menú ajustes del bloque imagen

  • Lista: el bloque lista permite crear una lista ordenada numéricamente o desordenada, mediante viñetas. Las opciones de personalización no son destacables.
  • Archivo: permite almacenar en la biblioteca de medios un archivo y mostrarlo en la página o entrada. Podemos subirlo si lo tenemos en el pc o seleccionarlo de la biblioteca de medios, igual que lo hemos hecho con las imágenes.
  • Encabezado: este bloque permite definir un encabezado dentro del contenido de la entrada, desde el H1 hasta el H6, de mayor a menor importancia. Sus opciones de personalización no son significativas.
  • Galería: permite mostrar un conjunto de fotografías, que podremos elegir de la biblioteca de medios (seleccionándolas, haciendo clic en Crea una nueva galería y después en Insertar galería) o subirlas desde nuestro pc, de igual modo que cuando hemos subido una imagen individual. Una vez en insertada, podremos mover cada foto de lugar, insertar una leyenda a cada una y una también para la galería. En el menú superior podremos elegir su alineación. En el menú derecho, podremos ajustar las columnas en las que se organizarán las imágenes de  la galería. También podremos elegir si enlazarlas  y definir su tamaño.

    Bloque galería

    Ejemplo de bloque Galería y su menú lateral
  • Mediateca: este bloque muestra un buscador de los recursos de la Mediateca. Una vez encontrado el recurso a insertar, lo seleccionamos y pulsamos aceptar. El recurso se insertará embebido en este bloque.
  • Smart Slider 3: este bloque muestra un botón para seleccionar un slider creado con el plugin Smart Slider de nuestra biblioteca.

    Bloque Smart Slider

    Ejemplo de bloque Smart Slider
  • The Post Grid: este bloque permite insertar una rejilla creada con el plugin The Post Grid. Para hacerlo tenemos que seleccionar la rejilla creada desde el menú lateral derecho, en el desplegable dentro de la pestaña Bloque.
  • Cita: este es un bloque similar a párrafo, donde escribiremos la cita y la referencia, para dar un énfasis visual, que dependerá del tema escogido. En las opciones del bloque podremos elegir entre diferentes estilos.
  • Audio: en cuanto al funcionamiento, es similar al bloque Imagen. Nos permitirá incrustar un pequeño reproductor de archivos de audio.
  • Fondo: este bloque permite establecer un fondo de imagen o de color (sólido o degradado) a un texto para resaltarlo.

    Bloque fondo

  • Vídeo: también es similar en cuanto al funcionamiento al bloque Imagen. El vídeo seleccionado o subido se mostrará embebido en la entrada o página.