Los bloques de Texto Especial de Gutenberg

  1. Inicio
  2. WordPress
  3. Gutenberg
  4. Los bloques de Texto Especial de Gutenberg

WordPress es Mejor con Divi

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.

El bloque de cita de Gutenberg

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.

Texto preformateado del editor Gutenberg

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.

El bloque para mostrar código de Gutenberg

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.

El bloque de verso de Gutenberg

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.

Insertar un editor clásico en Gutenberg

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.

Jorge B.

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

Curso Gratis de WordPress con Divi

WordPress es Mejor con Divi

Algunos de los enlaces que hay en esta página son enlaces de afiliado. Ésto significa que si haces clic en el enlace y compras el producto recibo una pequeña comisión que me ayuda a seguir generando nuevos contenidos.

0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *