Volver al soporte Contenido y multimedia Bloques Bloque de cita

Bloque de cita

Con el bloque Cita, puedes añadir énfasis visual al texto con distintas finalidades, como citas inspiradoras, reseñas del público, recomendaciones de los clientes y mucho más. Con esta guía, aprenderás a añadirlo a tu sitio.

Añadir el bloque Cita

Para añadir el bloque Cita, haz clic en el icono + del insertador de bloques y busca «cita». Haz clic para añadir el bloque a la entrada o a la página.

💡

También puedes escribir /cita con el teclado en una nueva línea y pulsar Intro para añadir rápidamente un nuevo bloque Cita.

GIF animado en el que se muestra el proceso de añadir un bloque Cita con el comando de barra diagonal /.
Añadir un bloque Cita con el comando de barra diagonal /

Encontrarás instrucciones detalladas sobre cómo añadir bloques en esta página.

Barra de herramientas del bloque

Al hacer clic en el bloque, aparece una barra de herramientas de opciones encima:

Barra de herramientas del bloque Cita

En la barra de herramientas del bloque Cita, puedes encontrar las siguientes opciones:

Ajustes del bloque

Cuando haces clic en el bloque, verás ajustes del bloque adicionales en la barra lateral de la derecha. Si no ves la barra lateral, es posible que tengas que hacer clic en el icono ⚙️ (el engranaje) en la esquina superior derecha para que aparezcan esos ajustes.

Los ajustes del bloque están en la barra lateral de la derecha.
Haz clic en el icono ⚙️ para abrir los ajustes del bloque.
Estilos

El bloque Cita cuenta con distintos estilos entre los que puedes elegir, como la opción Por defecto, que utiliza los estilos de tu tema para las citas, y un estilo Normal. Puede que, según el tema, se añadan o modifiquen los estilos de bloque.

Color

Elige el color del texto de la cita, el fondo de detrás y cualquier enlace utilizado en ella.

Tipografía

Ajusta la apariencia del texto del bloque con los siguientes ajustes.

Si no ves los ajustes, haz clic en los tres puntos a la derecha de Tipografía (como se muestra a la derecha). A continuación, puedes elegir la opción a la que quieres acceder:

  • Tamaño de la fuente
  • Familia de fuente
  • Apariencia
  • Alto de la línea
  • Decoración
  • Mayúsculas/minúsculas
  • Espacio entre letras
Menú desplegable en Tipografía
Tipografía en la barra lateral de ajustes del bloque con las opciones adicionales desplegadas.

Tamaño de la fuente te permite ajustar el tamaño del texto. Puedes elegir entre las opciones: pequeño, medio y grande.

También puedes ajustar un valor concreto haciendo clic en el icono del carrusel, situado justo encima de la selección por defecto y marcado con un 1 en la siguiente captura de pantalla. Puedes cambiar las unidades haciendo clic en el campo marcado con un 2 en la siguiente captura de pantalla. Las opciones son píxeles, em o rem.

Ajustes del tamaño de la fuente en Tipografía

Familia de fuente te da la opción de cambiar el estilo de fuente utilizado. Elige entre una lista de fuentes en el menú desplegable.

Apariencia te permite cambiar el estilo de la fuente del texto de redonda a cursiva, así como elegir entre los diferentes grados, desde fina hasta negrita extra.

Altura de la línea establece el espacio que habrá por encima y por debajo del texto. Si indicas que sea cero, asegúrate de comprobar la apariencia de tu sitio en un dispositivo móvil.

Decoración incluye opciones para subrayar y tachar el texto.

Mayúsculas/minúsculas te permite mostrar todo el texto en mayúsculas, con solo la primera letra en mayúscula o con todas las letras en minúsculas.

Espacio entre letrasdefine el espacio entre cada carácter del texto. Puedes cambiar las unidades por defecto (píxeles) a porcentajes, em, rem, vw y vh. Obtén más información sobre las unidades relativas aquí.

Avanzado

La pestaña Avanzado te permite añadir una clase CSS a tu bloque, para que puedas escribir código CSS personalizado y darle el estilo que quieras.

La pestaña Avanzado te permite añadir una clase CSS al bloque
Copied to clipboard!