Crear una cita extraída ajustando el texto en el editor clásico

Resalta el texto impactante creando una cita extraída.

Última actualización: 20 de mayo de 2024

Puedes crear citas extraídas en el editor clásico de Squarespace arrastrando bloques de texto a otros bloques de texto. Puedes referirte a esta acción como ajuste alrededor del texto o bloques de texto flotantes.

Una cita extraída es una cita o un fragmento de una página que se destaca del resto del contenido. Puede separar secciones extensas de texto y hacer que la página sea más interesante desde el punto de vista gráfico si se diseña con otro tamaño o fuente.

Una cita extraída funciona de forma diferente a la opción de citas en bloques de un bloque de texto o un bloque de cita. El texto de citas en bloque o agregado a un bloque de cita tiene su propio formato. Sin embargo, se puede dar formato a las citas extraídas de cualquier forma, como lo haces con un bloque de texto.

Puedes usar las citas extraídas para compartir:

  • La información más importante de un documento profesional
  • Las mejores citas de una entrevista
  • Testimonios de clientes para un producto

Cómo acceder a esta función

Esta guía trata sobre una opción de diseño que solo está disponible en el editor clásico. No es posible ajustar el texto alrededor de otros bloques en el Editor dinámico.

Mira el video

Añadir texto y modificar su estilo

El primer paso es añadir texto para la cita extraída:

  1. Crea un nuevo bloque de texto y agrega el texto que utilizarás para la cita extraída. Asegúrate de que la cita esté en su propio bloque de texto y no forma parte de otro.
  2. Resalta el texto y, a continuación, selecciona un formato en el menú desplegable. Los sitios de la versión 7.1 tienen varias opciones de formato de párrafo para ayudar a destacar el texto. Si tu sitio está en la versión 7.0, te recomendamos seleccionar un formato de encabezado para destacar del texto normal.

Si usas un formato de encabezado, verifica que tu cita destacada incluya contenidos importantes para la página, como palabras clave, porque esto puede tener un efecto en tu SEO.

format-text.png

format-text.png

Ubicar la cita destacada

A continuación, procede a arrastrar y soltar el bloque de texto en su lugar.

  1. Desplaza el cursor sobre el borde del bloque hasta que tu cursor se convierta en un icono de mano.
  2. Haz clic y arrastra el bloque por la página.
  3. Cuando arrastres el bloque, la línea guía aparecerá como una casilla gris que muestra dónde aparecerá el bloque en el texto. Suéltala en la posición que prefieras. Infórmate mejor sobre cómo mover bloques en nuestra guía.

Consejo

Si tus bloques de texto se han combinado, agrega un bloque espaciador para separarlos. Podrás borrarlo más tarde.

wrap-text.png

wrap-text.png

La cita extraída se verá así:

pull-quote-final.png

pull-quote-final.png

Consejo

Si tienes varias citas extraídas, te recomendamos que uses la misma opción de formato para cada una para mantener el aspecto uniforme.

Modificar el estilo de la cita destacada

Tal vez desees usar otro color de fuente o estilo para la cita extraída, de modo que se note mejor. Puedes hacerlo desde el panel de diseño.

  1. Mientras estés en la página que estás editando, abre estilos del sitio y, a continuación, haz clic en Fuentes para cambiar las fuentes.
  2. Haz clic en Estilos del sitio y, a continuación, en Colores para realizar cambios de color.
  3. Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego Guardar para cerrar el editor.
  1. Mientras estés en la página que estás editando, regresa al panel Sitio web.
  2. Presiona Diseño y, luego, Estilos del sitio
  3. Usa los retoques de estilo del panel de Estilos del sitio para cambiar el estilo del texto de esa cotización. Por ejemplo, si aplicaste un formato a la cotización como texto del Encabezado 3, cambia el retoque del Encabezado 3.

Hacer flotar otros bloques en el texto

Puedes hacer flotar cualquier tipo de bloque en un bloque de texto para lograr un efecto de ajuste de texto. Puedes hacer esto con un bloque de imagen, por ejemplo, para dividir grandes cantidades de texto.

Para ello, haz clic en el bloque y arrástralo sobre un bloque de texto. Aparece un cuadro gris donde se mostrará el bloque en el texto. Sigue los pasos anteriores de la guía para obtener más información.

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.

Crear una cita extraída ajustando el texto en el editor clásico