2A. El editor de contenidos Gutenberg

Sitio: Aula Virtual de Formación en línea (ISMIE)
Curso: Crea y gestiona la web de tu centro con Wordpress en EducaMadrid
Libro: 2A. El editor de contenidos Gutenberg
Imprimido por: Invitado
Día: domingo, 5 de mayo de 2024, 11:31

1. ¿Qué es Gutenberg?

El editor Gutenberg es un plugin instalado por defecto en el WordPress de EducaMadrid que nos va a permitir maquetar páginas y entradas de nuestro sitio web de un modo sencillo, usando los llamados bloques. No será necesario, por tanto, usar códigos de programación, aunque también lo permite. Facilita la visualización del resultado de lo que estamos haciendo de manera instantánea. 

Editor Gutenberg
Imagen con licencia CC BY SA. www.wpformation.com

Ventajas:

  • Es muy fácil de utilizar, por lo que es ideal para iniciarse en WordPress.
  • Es visual, limpio e intuitivo.
  • Permite editar código HTML, si lo necesitamos, por secciones, lo que disminuye las posibilidades de errores.
  • Tiene un amplio abanico de bloques para insertar en nuestro diseño.
  • Permite visualizar rápidamente los encabezados.
  • Es totalmente "responsive", es decir, se adapta a dispositivos como móviles o tabletas.

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.

2.1. Ajustes en páginas

Tanto cuando vayamos a crear algo nuevo como cuando vamos a editar algo existente, el editor Gutenberg nos permitirá acceder a los ajustes de la página o entrada en cuestión. Por lo tanto, el menú ajustes variará ligeramente por la evidente diferencia entre páginas y entradas, pero además, por el tema elegido puede haber alguna opción adicional.

Página nueva

El menú está dividido en dos pestañas, "Documento" y "Bloque". 

Menú ajustes nueva página pestaña Documento

Menú Ajustes, pestaña Documento

En la pestaña Documento observamos:

  1. Estado y visibilidad: muestra y permite modificar parámetros esenciales.
    Visibilidad: pública (si queremos que sea visible en Internet), privada (solo visible a administradores o editores del sitio), y protegida con contraseña (lo que permite restringir el acceso).
    En este mismo apartado podemos configurar si la publicación se llevará a cabo de inmediato o si, por el contrario, preferimos configurar un día y hora específico para su publicación. Si está configurado en "Inmediatamente" la entrada se publicará en cuanto se pulse el botón publicar. Si hacemos clic en "Inmediatamente", accederemos a un pequeño calendario que nos permitirá programar la publicación de la entrada en una fecha y hora determinada.

    Calendario de programar entradas


    Por último, tenemos el check de Pendiente de revisión. Si el autor marca esta opción, hará que el contenido creado esté disponible en la sección Páginas para su revisión y publicación por parte de otro usuario. Esta opción es muy útil cuando hay varios colaboradores y autores en el sitio.
  2. Imagen destacada: esta imagen será la mostrada como miniatura en los listados de los temas. Identifica la temática de lo que vas a encontrar en el contenido. Además, al entrar a la página es una buena costumbre ponerla en grande como imagen de cabecera del artículo.
  3. Comentarios: por defecto las páginas no permiten comentarios, pero pulsando el check llamado "Permitir comentarios", los habilitaremos.
  4. Atributos de página: permite configurar la página de orden superior, si la hubiera. En caso contrario, elegiremos la opción por defecto "sin superior".
    La casilla numérica de Orden permite alterar el orden alfabético, que es la opción por defecto.

En la pestaña Bloque observamos:

  1. Tipo de bloque: este determinará las diferentes opciones mostradas, debido a que cada bloque tiene sus características de edición.
  2. Opciones del bloque: aparecerán diversas opciones en función del bloque seleccionado.
    A modo de ejemplo, en el caso de la imagen siguiente, hemos seleccionado un bloque tipo párrafo y podemos ajustar el tamaño del texto, capitalizarlo, cambiar su color o el del fondo y añadir clases css adicionales. 

Menú ajustes nueva entrada pestaña bloque

Ejemplo de bloque: Tipo párrafo

Editar página

Al editar una página existente, en el menú de Ajustes aparecen una serie de opciones que no aparecen al crear una página nueva. Nos centraremos en ellas, ya que las comunes están explicadas en el apartado anterior.

Estado y visibilidad

En el apartado "Estado y visibilidad" nos encontramos con la posibilidad de cambiar el autor de la entrada, seleccionando en el desplegable; también podemos mover la página a la papelera; y acceder al control de revisiones, es decir, al guardado automático de WordPress, por si quieres deshacer algún cambio, recuperar información o has tenido algún problema con el contenido mientras editabas la página. 

Si hacemos clic en revisiones, accederemos a una página donde se nos mostrará una comparación de la versión actual de la página junto a la revisión más actual, pero podemos usar el deslizador para retroceder o avanzar en los cambios, permitiéndote ver cuales hubo de una a otra.

Si hemos decidido deshacer algún cambio, pulsamos en el botón azul "Restaurar esta versión".

Deslizador en control de versiones

Usando el deslizador para seleccionar las diferentes versiones.

En el apartado "Enlace permanente", tenemos la opción de modificar el slug de la página, es decir, el texto que viene después de la barra inclinada en la dirección de tu página. Puedes modificarlo si crees que el generado automáticamente no es suficientemente descriptivo, aunque será el título de la página. Después, tienes un enlace a la ayuda sobre los enlaces permanentes y el enlace a la página que estás editando.

Enlace permanente

En el apartado "Extracto", podremos escribir un resumen de manera opcional, que será mostrado o no en función del tema. Puedes consultar la ayuda de manera directa en el enlace.

Extracto

En "Ajustes de página", tendremos una serie de opciones para personalizar que pueden ser activadas o desactivadas con el check correspondiente.

Ajustes de página

2.2. Ajustes en entradas

Debido a que algunos ajustes son comunes en las páginas y en las entradas, es este epígrafe nos centraremos en detallar las opciones diferentes que no han aparecido en el epígrafe anterior.

Entrada nueva

El menú está dividido igualmente en en dos pestañas, "Documento" y "Bloque". 

En la pestaña Documento observamos:

  1. Estado y visibilidad: como novedad, destacamos la opción llamada "Fíjalo en la parte superior del blog", que podemos activar con un check para destacar la entrada y que se mantenga en primer lugar del blog a pesar de que se publique otra entrada.
  2. Categorías: en este apartado podrás buscar y seleccionar la categoría que corresponda a tu entrada. Veremos en profundidad qué son las categorías en este capítulo.
  3. Etiquetas: de igual modo que con las categorías, podrás crear nuevas etiquetas para tus entradas. Explicaremos qué son las etiquetas y para qué sirven en este capítulo.

En la pestaña Bloque tenemos el mismo funcionamiento, ya explicado en el apartado anterior.

Editar entrada

Al editar una entrada existente, en el menú de Ajustes aparecen una serie de opciones que no aparecen al crear una página nueva. Nos centraremos en ellas, ya que las comunes están explicadas en el apartado anterior.

De igual modo que al crear una nueva entrada, podemos fijar en la parte superior del blog una entrada al editarla. 

También podremos acceder al historial de revisiones; a la modificación del slug, las categorías y etiquetas asignadas; la imagen destacada; o la autorización de  comentarios, pingbacks y trackbacks.

2.3. Más herramientas y opciones

Las opciones agrupadas en "Ver" permiten mostrar y ocultar haciendo clic:

  • La barra de herramientas superior (que cambiará conforme a las opciones del tipo de párrafo que seleccionemos)
  • El modo de enfoque (que destacará el bloque que estemos editando y atenuará el resto).
  • El modo a pantalla completa (que ocultará el panel superior y el menú izquierdo del escritorio de WordPress). 

En el apartado "Editor" permite elegir, además, entre el editor visual por defecto de Gutenberg o el editor de código.

En el apartado "Herramientas" nos encontramos con:

  • El gestor de bloques,  que permite seleccionar los bloques que estarán disponibles para su uso, activando o desactivando su check correspondiente.
  • Gestionar todos los bloques reutilizables: nos permite configurar unos bloques con contenido que estarán disponibles para su reutilización en cualquier página o entrada. Si a menudo añades el mismo contenido, esto te ahorrará tiempo. Tienes más información sobre los bloques reutilizables en la ayuda de WordPress.
  • Atajos de teclado: nos muestra una lista con atajos para el entorno de WordPress.
  • Guía de bienvenida: es la información que nos aparece la primera vez que accedemos al editor Gutenberg y que nos vendrá bien leer si no la prestamos demasiada atención en ese momento.
  • Copiar todo del contenido: realiza una copia de todo el contenido de la entrada o página si no está vacía.
  • Ayuda: un enlace a la ayuda oficial de WordPress (https://wordpress.org/support/article/wordpress-editor/ )
  • Opciones: nos permitirá seleccionar o deseleccionar algunas opciones generales, de los paneles de documentos y activar los campos personalizados.

Más herramientas y opciones

3. Área de contenidos

El área de contenido del editor Gutenberg permite la inserción de contenidos en nuestra página o entrada.

Se divide en el área de título (1), donde podemos escribir el texto con el queramos nombrar a nuestra entrada o página; y la zona de bloques (2), donde podremos ir añadiendo y editando los bloques que más nos interesen.

Zona de título y de bloques 


4. Los bloques de Gutenberg

Los bloques del editor Gutenberg constituyen las unidades de contenido de las páginas y las entradas que compondrán el sitio web. Permitirán una maquetación sencilla y vistosa. Los bloques pueden contener títulos, párrafos de texto, imágenes y una enorme variedad de elementos que tenemos a nuestra disposición. Como pueden tener contenidos diferentes, tienen diferentes características dependiendo del tipo y se tratan de manera separada al editar y crear.

Bloque y menú contextual

Ejemplo de bloque tipo párrafo y su menú de edición.

Los bloques se pueden añadir, ordenar, transformar, duplicar, editar como HTML, añadir a bloque reutilizables,  agrupar ,  eliminar y Icono de ajustes editar sus ajustes desde el menú que aparece en la parte superior izquierda de cada uno de ellos.

Aparecen distribuidos por categorías:

Categorías de los bloques

Vista colapsada de las categorías de los bloques
  • Los más utilizados por el usuario aparecerán al comienzo. Generalmente serán el título, el párrafo, la imagen, el archivo, etc.
  • M.E. Calendario: son los bloques relacionados con el plugin instalado M.E. Calendario (timeline view, title view, slider view, countdown view, carousel view, upcoming events grid, upcoming events list, daily view, weekly view, monthly view y full calendar). 
  • Bloques comunes: párrafo, imagen, lista, archivo, encabezado, galería, Mediateca, Smart Slider 3, The Post Grid, cita, audio, fondo y vídeo.
  • Formatos: HTML personalizado, código, preformateado, clásico, párrafo de cita, tabla y verso.
  • Elementos de diseño: salto de página, botones, columnas, grupo, medios y texto, más, separador y espaciador.
  • Widgets: shortcode, últimos comentarios, últimas entradas, RSS, buscar, iconos sociales, nube de etiquetas.
  • Incrustados: incrustado, Twitter, WordPress, YouTube, Facebook, Instagram, SoundCloud, Spotify, Flickr, Vimeo, Animoto, Cloudup, Crowdsignal, Dailymotion, Hulu, Imgur, Issuu, KickStarter, Meetup.com, Screencast, Scribd, Slideshare, SmugMug, Speaker Deck, Tik Tok, TED, Tumblr, VideoPress, WordPress.tv y Amazon Kindle.
  • Reutilizable: Untitled Reusable block. Además, en este apartado, podemos acceder a la gestión de los bloques reutilizables.

A continuación, procederemos a analizar cada categoría al detalle.

4.1. Más utilizados

En esta sección se produce un agrupamiento de bloques ya utilizados por el usuario de WordPress, por lo que será diferente para cada uno de ellos. 

El objetivo es hacer más cómodo el trabajo del usuario y aumentar la productividad.

4.2. M.E Calendario

Aunque los plugins y su utilización se verán en el siguiente tema del curso, avanzamos que Modern Event Calendario es un plugin enfocado a la publicación de eventos en nuestro sitio web de WordPress.

Como tal, sus bloques asociados implementarán en las páginas y entradas elementos de organización temporal del calendario configurado. En concreto, podemos elegir los siguientes:

  • Timeline view: muestra una línea del tiempo con los eventos configurados y posibilidad de acceder a su detalle.

    Timeline view

  • Title view: este bloque muestra unas cajas de color por cada evento del mes.

    Title view

  • Slider view: este bloque proporciona un aspecto de slider automático a los eventos.

    Slider view

  • Countdown view: este bloque muestra una cuenta atrás hasta el siguiente evento programado.

    Countdown view


  • Carousel view: este bloque muestra una vista de los eventos que van desplazándose a modo de carrusel. 

    Carousel view


  • Upcoming events grid: muestra la lista de eventos próximos organizados en una rejilla o cuadrante.

    Upcoming events grid


  • Upcoming events list: similar al anterior pero en modo lista.

    Upcoming events list


  • Daily view: proporciona una vista diaria.

    Daily view


  • Weekly view: proporciona una vista semanal.

    Weekly view


  • Monthly view: vista mensual.

    Monthly view


  • Full calendar: esta vista proporciona el calendario completo, así como las opciones de filtrado más comunes: por meses, semanas o días; seleccionando rango de fechas; búsquedas, etc.

    Full calendar

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.

4.4. Formatos

  • HTML personalizado: este bloque permite insertar un fragmento de código escrito en lenguaje HTML, por ejemplo, para insertar un contenido externo que nos proporcione el código.

  • Vista general del bloque HTML (vista del editor)
        

  • Código: este bloque está pensado para escribir y compartir un fragmento de código, de manera que, al publicarse, mantiene los espacios y tabuladores con los que sea escrito. 

    Añade el bloque de código con el icono Añadir bloque o el comando de barra diagonal /código.


  • Preformateado: este bloque es una mezcla entre Párrafo y Código. Muestra el texto escrito con los espacios y saltos de línea tal y como los escribas. Incluye estilo y la opción de añadir enlaces, que el bloque Código no ofrece.
  • Bloque Preformateado

  • Clásico: permite escribir utilizando el editor clásico de WordPress, el que existía en los comienzos de WordPress.
  • Vista del editor de bloques clásico

  • Párrafo de cita: similar al bloque Cita, muestra la cita separada con dos líneas horizontales. También permite ajustes de color.
  • Bloque Párrafo de cita

  • Tabla: este bloque nos permitirá crear una tabla, definiendo el número de columnas y filas. En la barra de herramientas superior podrás configurar la alineación, así como editar la tabla. En el menú derecho, podrás hacer ajustes de estilos y color.
  • Bloque tabla

  • Verso: sirve para escribir poesía. Las opciones son las mismas que las del bloque Párrafo, pero el bloque Verso te permite añadir espacios adicionales entre palabras y saltos de línea dentro del bloque. El sitio mostrará los espacios tal como los escribas.
  • bloque Verso - espacios y saltos de línea

4.5. Elementos de diseño

Estos bloques te ayudarán a diseñar tus páginas y entradas de un modo limpio y claro. Son los siguientes:

  • Salto de página: se usa para añadir paginación a una página o entrada. Es útil para tutoriales paso a paso a paso o estructuras en capítulos.


  • Botones: te permite añadir botones que enlazan a otras páginas de tu sitio o sitios externos. Permite insertar, texto, código e imágenes. En el menú lateral de ajustes podemos editar los estilos y colores del botón.

    Vista general del bloque de botón


  • Columnas: permite insertar texto, elementos multimedia y otros contenidos en un máximo de 6 columnas. Cuando se usan unas tras otras, las columnas crean un efecto de cuadrícula. En el menú derecho puedes añadir o eliminarlas. 

    Visión general de las columnas


  • Grupo: con este bloque podrás agrupar bloques de tipos diferentes, para actuar sobre ellos.

  • Medios y texto: nos permiten colocar una imagen o vídeo en paralelo con un texto. Tanto la superior como la barra lateral permiten realizar algunos ajustes de organización, alineación y colores. 

    Bloque Medios y texto

  • Más: permite acortar el contenido para que solo se muestre la primera parte de una entrada en la página. Mostrará un enlace a "Continuar leyendo" donde se podrá ver completo el contenido.

    Vista general del bloque Más


  • Separador: permite separar contenidos con una línea. Permite una elección del estilo de línea.

    Vista general del bloque separador

  • Espaciador: agrega más espacio entre dos bloques. La barra latera permite ajustar los píxeles asignados a este bloque.
  • Vista general del bloque espaciador

4.6. Widgets

Los widgets son bloques con los que añadiremos todo tipo de elementos, previamente preparados.

  • Shortcode: te permite poner un código especial con el objetivo de añadir un elemento o función al contenido de tu página o entrada.
  • Archivos: con él puedes mostrar la cantidad de entradas creadas en el sitio web, ordenadas por mes y año, empezando por el más reciente.

    Bloque de archivos por mes

  • Calendario: en él quedan reflejadas todas las publicaciones del sitio en formato calendario.
  • Categorías: te permite mostrar las diferentes clasificaciones en las que están ordenadas las entradas de tu sitio web en función de su contenido. Puedes configurar su alineación y te permite elegir si quieres mostrar la lista de categorías como un menú desplegable en lugar de como una lista en viñetas (por defecto). También tienes la opción de mostrar la jerarquía o el recuento de entradas.

    Bloque de categorías


  • Últimos comentarios: muestra los comentarios más recientes de las entradas. Permite configurar si mostramos el avatar, fecha, ...

    Bloque Últimos comentarios


  • Últimas entradas: muestra las entradas más recientes. Se pueden alinear al centro y configurar vista de lista o de cuadrícula. También, se pueden realizar cambios en su ordenación (de nuevas a antiguas o viceversa, y orden alfabético normal o inverso), número de ítems, etc.

    Bloque de últimas entradas

  • RSS: conecta el sitio con el feed de otros autores para poder mostrar contenidos de otros espacios web, en formato lista o cuadrícula. Podremos ajustar el número de elementos; mostrar autor, fecha y extracto; y definir en cuantas columnas se mostrará

    Bloque RSS

    Ejemplo de bloque RSS mostrando contenidos de colontic.blogspot.com

  • Icono bloque buscarBuscar: permite poner una caja de texto para buscar. Este bloque no tiene opciones de personalización relevantes.

    Bloque buscar

  • Iconos sociales: añade enlaces a las redes sociales vinculadas del sitio web, definiendo el enlace de cada elemento pulsando sobre ellos. Por defecto al insertar el bloque aparecen: WordPress, Facebook, Twitter, Instagram, Linkedin y Youtube, pero pueden mostrarse más, eligiéndolos de una lista que sale al pulsar el botón + de la imagen.

     Bloque iconos sociales

  • Nube de etiquetas: permite mostrar las etiquetas o categorías en forma de nube, con el tamaño de letra más grande para las que más se repitan.  Podemos elegir si se muestra el contador de entradas o no. De hacerlo, se mostrará junto a la etiqueta o categoría el número de entradas asociadas a ella.

    Bloque nube de etiquetas

    Ejemplo de nube de etiquetas

4.7. Incrustados

Estos bloques permitirán mostrar contenido embebido desde los servicios mostrados. Debido a la longitud de la lista de bloques, solo abordaremos una pequeña selección:

  • Youtube: incrusta un vídeo de este servicio introduciendo su url.
  • Spotify: incrusta canciones, listas de reproducción, etc.
  • Incrustado: permite incrustar una url sin que se pertenezca a un servicio concreto. 
  • Twitter: incrusta tweets y demás opciones de este conocido servicio de microblogging mediante una url.
  • WordPress: incrusta otro sitio web de WordPress.
  • Facebook: incrusta contenido de este sitio web mediante url.
  • Instagram: incrusta contenido de este sitio web mediante url.

En caso de no poder incrustar la url proporcionada, estos bloques nos ofrecen convertirlo a enlace, para poder acceder.

4.8. Reutilizables

Un bloque reutilizable es un bloque o grupo de bloques que puedes configurar para usar en cualquier entrada o página del sitio. Estos bloques son útiles si añades a menudo el mismo contenido, debido a que te ahorrará una gran cantidad de tiempo.

Para evitar tener que añadir el mismo contenido a un bloque Párrafo cada vez que quieras colocarlo al final de tu entrada, puedes convertirlo en un bloque reutilizable. Simplemente elige el bloque Párrafo, haz clic en los tres puntos y luego en Añadir a bloques reutilizables.

Creación de bloques reutilizables

A continuación, podrás ubicar el bloque reutilizable entre los demás bloques dentro de la sección Bloques reutilizables.

Adición de bloques reutilizables

Estos bloques se pueden editar, pero ten en cuenta que, cuando se cambie, el cambio se reflejará en todos los lugares donde se haya usado. También puedes eliminarlos.

Recuerda que un bloque reutilizable no tiene que contener únicamente un bloque. Puede estar compuesto de varios bloques. 

Creación de un bloque reutilizable a partir de varios bloques