Nota: Si bien hemos traducido las guías más populares al español, algunas guías están disponibles solamente en inglés.
Creating a pull quote by wrapping text

You can create pull quotes in Squarespace by dragging Text Blocks into other Text Blocks. You may refer to this action as wrapping text around text or floating Text Blocks.

A pull quote is a quotation or excerpt from a page that stands apart from the rest of the content. Pull quotes, when set at a different size and font, break up long pieces of text and can make a page more visually interesting.

A pull quote works differently than the blockquote option in a Text Block or a Quote Block. Text formatted as a blockquote or added to a Quote Block has its own formatting. Pull quotes, however, can be formatted in any way you can format a Text Block.

You might use pull quotes to share:

  • The most important information from a business document
  • The best quotes from an interview
  • Customer testimonials for a product

Para ver cómo envolver el texto alrededor de otros bloques, como imágenes y galerías, consulta bloques Móviles.

Mira el video

Step 1 - Add and format the text

The first step is adding text for the pull quote.

  1. Create a new Text Block and add the text you'll use for the pull quote. Ensure the pull quote is in its own Text Block and not part of another.
  2. Highlight the text, and then select a format from the Heading drop-down menu. If the rest of your page is set to Normal, we recommend selecting Heading 1, Heading 2, or Heading 3 to help it stand out.

format-text.png

Step 2 - Place the pull quote

Next, we'll drag and drop the Text Block into place.

  1. Hover over the edge of the block until your cursor becomes a hand icon.
  2. Click and drag the block to move it around the page.
  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.
Consejo: Si se han fundido tus Bloques de texto, agrega un bloque Espaciador para separarlos. Podrás borrarlo más tarde.

wrap-text.png

The pull quote will look like this:

pull-quote-final.png

Tip: If you have multiple pull quotes, we recommend using the same format option for each to keep the look consistent.

Step 3 - Style the pull quote

Tal vez desees usar un color de fuente o un estilo diferente para Obtener cotización, de modo que se destaque. Puedes hacerlo desde el panel de Estilos del sitio.

  1. While previewing the page you're editing, double click Pages to open the Home Menu.
  2. Haz clic en Diseño y, a continuación, en 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.
¿Fue útil este artículo?
Usuarios a los que les pareció útil: 11 de 13
Creating a pull quote by wrapping text