Qué es Blockquote y cómo agregarlo en WordPress 1

Qué es Blockquote y cómo agregarlo en WordPress

Cuando desea que una oración o dos en su texto realmente destaquen, tiene un par de opciones de estilo para hacerlo. Puede usar negrita, cursiva o subrayado para aplicar estilo al texto, como opciones obvias. Puede ir un paso más allá y colorear o resaltar el texto. También puede hacer algo más drástico: una opción llamada blockquote.

Recientemente, lanzamos un complemento gratuito llamado Qi Addons para Elementor que contiene 60 complementos creados por nuestro equipo. Entre esos complementos se encuentra el widget de comillas en bloque, un complemento que le permite agregar y diseñar fácilmente comillas en bloque.

Si desea ver el complemento en acción, aquí hay un video útil que explica cómo usarlo para crear una cita en bloque simple pero efectiva.

Para aquellos de ustedes que prefieren leer, usaremos este artículo para mostrarles lo mismo: cómo crear una cita en bloque simple y familiarizarse con algunas de las opciones que tiene este complemento. Leerás:

¿Qué es una cita en bloque y cómo se ve?

Vista previa de cotización en bloque

Todo el mundo sabe lo que es citar: cuando tomas algo que dijo otra persona y lo escribes mientras reconoces lo que estás haciendo. Mucha gente se encuentra con citas y citas en el aula. Aquellos que no, pueden familiarizarse fácilmente con él consumiendo los medios.

Cuando se habla de citas en bloque, no debe tomar el sentido más estricto posible de la palabra «cita». Aunque a menudo cita a otra persona en la cita en bloque, también es una excelente manera de arrojar luz sobre algo importante que escribiste: cita tu propio texto.

Las comillas en bloque tienen, por regla general, un estilo diferente al resto del texto. A menudo, el texto en la cita en bloque estará en una fuente diferente, generalmente en cursiva. Un tamaño de fuente más grande también es común en las comillas en bloque, al igual que el uso de comillas exageradas u otros elementos visuales: blockquotes utiliza casi todos los trucos del libro para que su contenido se destaque.

Por eso decimos que una cita en bloque es una opción de diseño para resaltar texto. Las personas han podido agregar una cita en bloque usando HTML con las etiquetas

y

. Algunos podrían haberlo usado solo como una forma conveniente de agregar sangría al texto, ya que así es como a menudo se mostraban las comillas en bloque.

Hoy, sin embargo, las citas en bloque pueden ser ricas y coloridas, o simples y solemnes. El aspecto de una cita en bloque depende de usted y del método que esté utilizando para agregarlos en WordPress.

Cómo agregar una cotización en bloque en WordPress

Vista previa de cotización en bloque

Si está interesado en agregar comillas en bloque en WordPress con un poco más de estilo del que podría obtener de una etiqueta HTML, primero deberá hacer un par de cosas. si no tienes Elementor ya instalado y activado, eso es algo que deberá hacer. La versión gratuita funcionará bien.

Su siguiente paso sería instalar nuestro Complementos de Qi para Elementor complemento como si instalara cualquier otro complemento en WordPress. Tras la activación, puede crear una nueva publicación o página, o abrir una existente, y estará listo para agregar una cita en bloque en WordPress.

Puede encontrar el widget buscando en el panel lateral izquierdo el término «blockquote». Será el widget rojo que ves en los resultados. Simplemente arrastrarlo a una sección gratuita sería suficiente para agregar una cita en bloque en WordPress. Así es como agregamos el nuestro, pero seguimos ese paso con una edición simple: editamos la sección eligiendo el ancho del contenido del cuadro y configurándolo en 735.

Ancho del contenido

Eso nos dio el lienzo que usaremos para editar y diseñar la cita en bloque. Le invitamos a elegir el diseño y el estilo que desee, o incluso acceder a las opciones avanzadas de la sección.

Cómo editar el contenido de una cotización en bloque

Hay tres cosas importantes que puede hacer en las opciones de Contenido. Puede elegir el diseño, que se refiere a la posición de esas comillas, editar el texto y elegir el tipo de icono.

Cita en bloque General

Elegimos seguir con el diseño superior, manteniendo las comillas en la parte superior del texto. Cambiamos lorem ipsum a nuestro propio texto y usamos un ícono que subimos a nuestra biblioteca de medios.

Configuración general de Blockquote

Dado que no hay mucho más que hacer en la pestaña Contenido, pasamos a diseñar nuestra cita en bloque. No hay razón para apresurarse a experimentar con los diseños, el texto y los tipos de íconos: tómese su tiempo para encontrar una buena combinación.

Cómo diseñar una cita en bloque

Pasando a la pestaña Estilo, primero encontrará opciones para cambiar la alineación del texto, el tipo de fondo y el tipo de borde. La alineación es una opción sencilla, pero el tipo de fondo y el tipo de borde ocultan una plétora de elecciones interesantes que puede hacer. Ya sea que desee crear un fondo degradado de color para su cita en bloque o un borde doble, aquí es donde podrá hacerlo.

Para nuestra cita en bloque, simplemente cambiamos la alineación al centro.

Alineación de cotización en bloque

La tarjeta Estilo de texto es donde encontrará todas las opciones de color y tipografía para el texto. También podrá elegir la etiqueta de texto. Optamos por no cambiar el color o la etiqueta predeterminada, pero sí cambiamos la fuente a DM Serif Text y el estilo a Italic.

Tipografía de cotización en bloque

En la tarjeta Estilo de icono, podrá elegir la alineación y el tamaño del icono, así como su color. Solo decidimos cambiar el tamaño del ícono, aumentándolo a 47 píxeles.

Tamaño del icono de cotización en bloque

Finalmente, la tarjeta Estilo de espaciado es donde puede ajustar el relleno del soporte para aumentar el espacio alrededor del texto, el margen superior del texto y el margen del icono. Decidimos dejar en paz estas opciones, contentos con el resultado de nuestra cotización en bloque.

Final de cotización en bloque

¡Vamos a envolverlo!

Ya sea que los esté usando para citar las palabras de otra persona o llamar más la atención sobre las suyas, blockquote es la herramienta que puede usar para hacer el trabajo. Y si es la herramienta que planea usar para su sitio web, nuestro widget estará allí con todas las opciones que necesitará para personalizar su cotización en bloque.

Apoya nuestro trabajo ❤️

Si te ha gustado este artículo, considera dejar una propina para ayudarnos a seguir publicando contenido de calidad.

Pago seguro en PayPal