Gutenberg

Los bloques de Texto Especial de Gutenberg

Los bloques de texto especial de Gutenberg son los que nos permiten insertar texto con estilos diferentes al de los párrafos y encabezados.

El bloque de Lista

El bloque de listas del nuevo editor Gutenberg nos permite insertar listas ordenadas o desordenadas en nuestro artículos. Es el reemplazante de las listas del editor clásico.

Cómo insertar una lista con Gutenberg

Una vez insertado el bloque podemos utilizar la barra de herramientas para elegir el tipo de lista (numerada o con puntos). También podemos aumentar o reducir la sangría y darle formato al texto.

No se puede cambiar el tamaño de la fuente ni asignarle color al texto o al fondo como sucede con los bloques de párrafo.

Transformación

El bloque de listas se puede convertir en alguno de los siguientes bloques con solo hacer un clic:

Párrafo.
✦ Cita.

El bloque de Cita

El bloque de cita es el que se utiliza en el editor Gutenberg para insertar una cita en medio del contenido de un artículo.

A diferencia del editor clásico, Gutenberg ofrece dos estilos de listas: el normal y el grande. Por lo demás es igual a la anterior versión.

Transformación

El bloque de cita se puede convertir en alguno de los siguientes bloques con solo hacer un clic:

Párrafo.
✦ Lista.
Encabezado.

El bloque de texto Preformateado

El bloque de texto preformateado te permite insertar un bloque de texto sin saltos de línea automáticos y una fuente de ancho parejo, lo que nos permite encolumnar una línea con otra.

Añade una barra de desplazamiento horizontal para poder ver la parte del texto que queda oculta por salirse del campo visual del bloque.

Transformación

El bloque de texto preformateado de Gutenberg se puede convertir fácilmente en un bloque de Párrafo.

El bloque de Código

El bloque de código es muy similar al de texto preformateado en el sentido de que inserta un texto sin saltos de línea automáticos y una fuente de ancho parejo.

La diferencia está en que podemos insertar código HTML y el bloque lo muestra tal cual. Es decir que no interpreta el código sino que lo muestra como código.

Es un bloque muy útil para quienes hacen guías o tutoriales de programación web y necesitan mostrar fragmentos de código en pantalla.

Transformación

El bloque de código de Gutenberg se puede convertir fácilmente a un bloque de texto preformateado.

El bloque de Verso

El bloque de verso es muy parecido a un bloque de párrafo pero con menos opciones de personalización. Es un bloque que está pensado para quienes escriben poemas y algo totalmente nuevo, que no estaba en el editor clásico.

Te estarás preguntando si no se puede hacer ésto mismo con un bloque de párrafo, y la respuesta es sí. Pero es una forma especial que puede resultar un poco más práctica a quienes llevan un blog literario.

Transformación

El bloque de verso de Gutenberg se puede convertir fácilmente en un bloque de Párrafo.

El bloque Editor Clásico

El bloque editor clásico de Gutenberg te permite insertar un editor clásico en medio de los demás bloques de tu entrada.

Quizás no sea técnicamente un bloque de texto especial, sino mucho más, pero lo incluí en esta sección porque se trata de un bloque más para poner texto en una entrada de WordPress.

Te estarás preguntando para qué tener un editor clásico si justamente la idea de usar Gutenberg es trabajar por bloques…

Yo creo que es muy útil mientras Gutenberg no tenga desarrolladas todas sus características, porque nos permitiría hacer todas las cosas que normalmente sabemos hacer con el editor clásico pero sin tener que salir de Gutenberg.

Y probablemente por este motivo lo inventaron…

¿Te sirvió esta guía sobre los bloques de texto especial de Gutenberg? Entonces dame una mano para ayudar a más gente compartiéndola en las redes sociales. ¡Gracias! 

Jorge B.

En 2013 fundé Aventura Digital para ayudar a profesionales y emprendedores independientes a tener su sitio web profesional con WordPress.

Compartir
Publicado por
Jorge B.

Artículos recientes

Cómo Configurar Divi

Al momento de activar el constructor Divi se crea una nueva opción en el menú…

28/02/2023

¿Qué es Divi?

Divi es un constructor para WordPress que se instala como un si fuera un tema…

28/02/2023

Cómo Insertar una Caja de Autor en Entradas con Divi

En esta guía te muestro paso a paso cómo crear una caja con información del…

11/04/2022

Cómo Hacer un Encabezado Diferente para la Home con Divi

En esta guía te muestro cómo cambiar el encabezado de la página home para que…

04/04/2022

Cómo Diferenciar Entradas con Diseños Diferentes con Divi

En esta guía vamos a ver cómo asignar con Divi un diseño diferente a entradas…

28/03/2022

Cómo Hacer un CV Digital con WordPress y Divi

En esta guía te muestro paso a paso cómo crear un CV digital con WordPress…

24/03/2022