Resaltar contenido en WordPress: Blockquote vs. Pullquote

Resaltar contenido en WordPress: Blockquote vs. Pullquote

Al publicar una nueva pieza de contenido, es importante prestar atención a su diseño gráfico general, no solo para que la página se vea bien. El resaltado adecuado de ciertas secciones aumenta la claridad y atrae la atención del visitante hacia las partes clave de su contenido. Como resultado, el usuario obtendrá la información más esencial incluso si no lee el artículo completo y solo lo hojea.

Hoy nos centraremos en resaltar texto en el editor de WordPress usando comillas. Le mostraremos cómo hacer comillas en bloque y comillas extraídas en situaciones específicas y le explicaremos la diferencia entre ellas.

El artículo responde a las siguientes preguntas:

Cuándo usar la cita en bloque

El término blockquote fue creado acortando la frase cotizaciones en bloque lo que implica que es una cita de una pieza individual (bloque) de contenido. Por lo general, no es el texto extraído del artículo en sí. Las citas en bloque se refieren a fuentes externas. Puede usarlos como una cita de:

  • Otra fuente y publicaciones profesionales.
  • Citas de personajes famosos
  • Testimonios de clientes satisfechos

Blockquotes dirige la atención a una determinada pieza de contenido. Marcan la información como importante diferenciándola gráficamente del resto del contenido. Las comillas en bloque a menudo se indican visualmente mediante comillas o comillas. Sin embargo, su apariencia final depende del tema de WordPress que estés usando.

Cómo insertar una cita en bloque en el editor de WordPress

Hay un bloque especial para insertar una cita en bloque en una página o publicación llamado bloque de cotización. Se puede agregar a su página muy fácilmente:

1. La primera opción es hacer clic en el símbolo "+" en la barra superior o dentro del editor donde desea colocar el bloque. Luego busque la palabra "cita" en la barra de búsqueda.

Agregar bloque de cotización
Agregar bloque de cotización haciendo clic en "+"

2. La segunda opción es buscar un bloque escribiendo su nombre después de una barra inclinada "/".

Agregar bloque de cotización usando la barra inclinada "/"
Para buscar y agregar un bloque de cotización, también puede usar la barra inclinada "/"

Todo listo. Ha creado un bloque con un marcador de posición y con el texto "Escribir cita".

Estilos y formato de bloque

El bloque de cotización recién agregado tiene un estilo y formato predeterminados. Hay una línea vertical para resaltar la cita y separarla del resto de su contenido. Sin embargo, puede cambiar el estilo a "Grande" haciendo clic en el icono de comillas (") en la barra de herramientas o eligiendo "Estilos" en el Inspector en el lado derecho.

Estilo grande elimina la línea vertical, aumenta el tamaño de la fuente y la cambia a cursiva. Aunque la apariencia final de la cita en la página de vista previa depende del diseño del tema de WordPress que esté utilizando.

Cambiar el estilo del bloque de cotizaciones de Predeterminado a Grande
Vea cómo se vería el bloque de cotización diferente cuando cambia su estilo de bloque de Predeterminado a Grande

El formato de Blockquotes es similar al formato de un párrafo. El formato de las citas se puede configurar en negrita o cursiva, incluso puede usar un hipervínculo (URL) dentro de una cita. La alineación del texto puede ser a la izquierda, al centro oa la derecha. El bloque de cotización en sí siempre se fija al ancho del contenido.

Transformar Blockquote a otro tipo de bloque

Puede transformar blockquote a otro tipo de bloque con un solo clic. La ventaja es que puedes cambiar directamente del bloque Quote a Pullqoute y viceversa. Aquí hay una lista completa de todos los bloques disponibles para elegir:

  • Párrafo
  • pullqoute
  • Título
  • Lista

Extraer comillas: ¿Cuándo usarlas?

Mientras que los blockqoutes se refieren a fuentes externas, las comillas resaltan la información más importante extraída directamente del contenido de su página. Esto significa que dirigen la atención a un párrafo específico dentro de su publicación o página y enfatizan su importancia.

¿Cómo funcionan las cotizaciones Pull?

  • Como elemento gráfico que realza el contenido y su estructura
  • Captan la atención del usuario al hacer scroll en la página
  • Se pueden usar como subtítulos o encabezados en una página.

Cómo agregar un bloque Pullquote

Antes del lanzamiento del editor de bloques de WordPress (versiones anteriores a la 5.0), era necesario diseñar las comillas en CSS. Ahora, gracias al bloque Pullquote, puedes agregarlos con unos pocos clics. Insertar el bloque Pullquote en la página es exactamente lo mismo que insertar el bloque Quote. Simplemente use el nombre de este bloque cuando busque, en su lugar.

Personalización del bloque Pullquote

El bloque Pullqoute ofrece 2 estilos básicos: predeterminado y color sólido. Puede alternar entre ellos en la barra de herramientas o en el Inspector. ¿Como se ven?

El estilo predeterminado se caracteriza por dos lineas horizontales, en la parte superior e inferior de la cita. Puedes cambiar el color de esas dos líneas, aunque el fondo seguirá siendo blanco.

Estilo predeterminado de pullquote
Estilo predeterminado de Pullquote

Por otro lado, Solid Color es un estilo con un diseño más simple y sin lineas. En comparación con el estilo Predeterminado, el tamaño de fuente es un poco más grande y puede elegir el color de fondo de todo el bloque cuando usa un estilo de Color sólido.

Pullquote Color sólido
Estilo de color sólido del bloque Pullquote

No importa qué estilo elijas, puedes cambiar el color de fuente en ambos. También hay un formato de párrafo estándar disponible, como negrita, cursiva o inserción de URL.

Opciones avanzadas de alineación de bloques de Pullqoute

A diferencia del bloque Quote, el bloque Pullqoute ofrece más opciones de alineación: ancho ancho o ancho completo, además de la alineación estándar (izquierda, derecha, centro).

Gracias a la vista panorámica, pullqoute se puede utilizar como encabezado o subtítulo. No solo puede dividir muy bien el contenido de la página, sino que también sirve como un suspenso para atraer al usuario a continuar navegando por la página. Por favor, recuerda que la apariencia final de tu Pullquote depende del diseño de tu tema. No todos los temas admiten opciones de alineación avanzadas.

Alineación de ancho completo del bloque Pullqoute
Pullqoute que puede funcionar como encabezado (estirado al ancho completo)

El tema Citadela le permite elegir ancho ancho o ancho completo sin ningún problema.
¡Descárguelo y compruébelo usted mismo!

Transformar a otro tipo de Bloque

El bloque Pullquote tiene posibilidades limitadas de transformación a otro tipo de bloque. De hecho, el bloque Pullquote solo se puede transformar en el bloque Quote.

Conclusión: ¿Bloque de citas o bloque de pullquotes?

¿Cuándo usar el bloque Quote en lugar del bloque Pullquote y viceversa?

Recomendamos el bloque de citas cuando se presentan opiniones y citas de personas famosas o para una cita de fuentes externas. La cita debe ser un texto que los usuarios no encontrarán directamente en la página o en la publicación. Es perfecto para testimonios, ya que separan gráficamente las reseñas de otro contenido (tanto en diseño como en formato, por ejemplo, usando cursiva). Está claro a primera vista que es una cita y, por lo tanto, algo que debe enfatizarse.

El bloque Pullqoute debe usarse para resaltar la información clave extraída del texto en la página directamente. Dado que los Pullquotes son extractos de contenido, permiten que los visitantes de su sitio web aprendan el mensaje más importante sin leer el artículo detenidamente. Sin embargo, si la información en un bloque de Pullquote es realmente atractiva, alentará al visitante a pasar más tiempo en su sitio. Además, también puedes utilizar Pullqoute como cabecera o como sustituto de los subtítulos.

5 comentarios en «Highlighting content in WordPress: Blockquote vs. Pullquote»

  1. Hola Ivi,
    gracias por esta guía sobre cómo usar wordpress blockquote de la manera correcta, intenté agregarlo a través de mi editor de temas y casi colapsé todo. Gracias de nuevo.

    Por favor, ¿qué plugin de tabla de contenido de WordPress estás usando? Es hermoso y me encantaría implementarlo en mi sitio.

    1. Hola Bolarisa,

      Gracias por su cumplido. Consulte la información detallada publicada en: https://www.ait-themes.club/create-table-in-wordpress-without-plugin-blog/

      ¡Atentamente!
      Zlatko
      equipo AIT

  2. En mi muestra de diseño de temas de complementos profesionales de citadela, no pude encontrar cómo cambiar la foto en la cita de extracción

    https://prnt.sc/v26fce

    1. Hola,

      gracias por escribirnos. Nos gustaría pedirle que revise nuestra base de conocimiento y/o documentación con tutoriales en video:
      https://www.ait-themes.club/ait-themes-documentation/
      O siéntase libre de publicar preguntas técnicas directamente en nuestro sistema de tickets de soporte dedicado. Inicie sesión en su cuenta en https://system.ait-themes.club/support/add-question.

      ¡Atentamente!
      Zlatko
      equipo AIT

Los comentarios están cerrados.