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

Using blog excerpts

Blog excerpts give your readers a taste or teaser of a full blog post. When visitors see an excerpt that grabs their attention, they can click the title, image, or "Read more" link to open the full post. 

If you write longer posts, or if your posts have several images or videos, showing excerpts can make your Blog Page easier for visitors to browse and navigate.

Mira el video

Este video corresponde a la versión 7.0.

Add an excerpt to a blog post

Add your excerpt text in the Options tab of any blog post's settings. In most templates, excerpts will automatically include "Read More" links.

To add an excerpt to a new post:

  1. In the Home Menu, click Pages, and then click your Blog Page.
  2. Create a new blog post.
  3. If your site is on version 7.1, click the-gear-icon in the top-right corner to open the post settings.
  4. Click the Options tab.
  5. Add an introduction or summary of the post in the Excerpt field.
  6. When you're done creating the blog post, click Save or Apply.

To add an excerpt to an existing post:

  1. In the Home Menu, click Pages, then click your Blog Page.
  2. Hover over a post title, then click Edit.
  3. Si tu sitio usa la versión 7.1, haz clic en the-gear-icon, en la esquina superior derecha.
  4. Haz clic en la pestaña Opciones.
  5. Add an introduction or summary of the post in the Excerpt field.
  6. Click Save or Apply.

Add an excerpt image

In some templates, you can display images with post excerpts for a visual preview.

Depending on the template, you'll create this image with thumbnail images or Promoted Blocks:

You can add an image to excerpts in these template families. To learn more, visit your template's guide.

  • Avenue - Promoted Blocks
  • Aviator - Promoted Blocks
  • Brine - Post thumbnails. Check the Show Image and Show Excerpt tweaks.
  • Farro - Post thumbnails
  • Five - Post thumbnails
  • Flatiron - Promoted Blocks
  • Ishimoto - Promoted Blocks or post thumbnails. Promoted Blocks override thumbnail images.
  • Montauk - Promoted Blocks
  • Native - Post thumbnails. Display as a circle. Won't display on mobile.
  • Pacific - Post thumbnails
  • Skye - Post thumbnails
  • Tremont - Post thumbnails. Check the Show Image and Show Excerpt tweaks.
  • Wells - Promoted Blocks. Disable promoted blocks to display post thumbnails instead.
  • Wexley - Promoted Blocks
  • York - Post thumbnails. Check the Show Image and Show Excerpt tweaks.
Tip: In all templates, you can display thumbnail images with excerpts in Summary Block.

If the excerpt doesn't appear on your site

If you've added an excerpt, saved, and refreshed the page, and the excerpt doesn't appear, you may need to change your site's settings. The steps depend on your site's version of Squarespace.

Most Blog Page layouts display excerpts automatically. To display excerpts when using the Single Column Blog layout:

  1. In the Home Menu, click Pages.
  2. Click the Blog Page.
  3. Click Edit in the top-left corner of the page.
  4. Haz clic en el icono del lápiz.
  5. In the Format tab, scroll down to Content Display and select Excerpt and Title.
  6. Posiciona el cursor sobre Listo y haz clic en Guardar.
Tip: If you have multiple Blog Pages using the Single Column Blog layout, repeat these steps for each Blog Page.

Some templates give you the option to add excerpts without displaying them on your site. If they don't appear, you may need to enable excerpts in page settings, Site Styles, or both. Follow the steps below to enable excerpts for your template.

Step 1 - Enable excerpts in page settings (computer only)

You can either display full posts or excerpts in these template families:

  • Brine
  • Tremont
  • York

 To show excerpts, enable them in page settings:

  1. In the Home Menu, click Pages.
  2. Hover over the Blog Page and click .
  3. In the Advanced tab, use the Post Display drop-down menu to choose Excerpt.
  4. Haz clic en Guardar y actualiza la página.
Tip: If you have multiple Blog Pages, enable excerpts in each Blog Page's settings.

If the excerpts still don't appear, or if you're using a different template, move on to the next step.

Step 2 - Enable excerpts in Site Styles (computer only)

Use the following style tweaks to show excerpts in these template families:

  • Brine - Show Excerpt in the Blog: List section
  • SkyeShow Excerpt On Blog List in the Blog Grid Options section
  • TremontShow Excerpt in the Blog: List section
  • YorkShow Excerpt in the Blog: List section

Read More links

Most templates include a "Read More" link in the excerpt. Some also include a + or → symbol.

These template families don't include "Read More" links:

  • Farro
  • Galapagos - Displays "Continue" and an arrow instead of "Read More"
  • Pacific
  • Skye

Font and color

In most templates, the "Read More" link follows the font of your site's body text and the color of your body link text. These template families have different style settings:

  • Brine - Use the Read More Link Font and Color tweaks in the Blog: Typography & Colors section of Site Styles.
  • Five - No font style options.
  • Native - No font style options.
  • Tremont - Use the Read More Link Font and Color tweaks in the Blog: Typography & Colors section.
  • York - Use the Read More Link Font and Color tweaks in the Blog: Typography & Colors section.

Excerpts vs. full posts

How your Blog Page displays posts that don't have excerpts depends on your template's blog style.

In most template families, if your blog post doesn't have an excerpt, the full post displays instead. This means you can mix excerpts and full posts on your blog landing page. This example is from the Adirondack template:

example-mixed.png

In templates that support the grid/stacked Blog Page (Brine family, Tremont family, York family), you can either have excerpts or full text, but not both. If you've enabled excerpts, and you've chosen the stacked layout, ensure all your blog posts include excerpt text. Otherwise, you'll end up with blank areas on your blog landing page, like in this Brine example:

example-not-mixed.png

Templates with grid-only Blog Pages never show full posts. This includes these template families:

  • Farro
  • Skye

Here's an example in the Farro template:

example-none.png

Writing tips and best practices

A good excerpt piques your readers' interest. Here are some ideas to get you started.

Describe the post

Summarize the post in a sentence or two so readers know what it's about. Here's an example in the Native template:

example-succulents.png

Tease the first paragraph

Copy and paste the first paragraph of the post and end it with an ellipses (...) to give readers a taste and show there's more. Here's an example in the Avenue template:

example-orchid.png

Ask a question

Asking a question can prompt readers to click through to learn the answer. Here's an example in the Farro template:

example-reservoir.png

Display excerpts in Summary Blocks

To create a different style for a blog landing page, you can also use a Summary Block. Summary Blocks have several customization options, and you can display excerpts and thumbnail images in them to create a similar feel to a Blog Page.

To learn how to set up a Summary Block featuring your blog posts, visit Displaying collection items in Summary Blocks. To ensure the excerpts display, check Show Excerpt, Show Thumbnail,and Show Read More Link in the Display tab of the Summary Block's editor.

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 61 de 201
Using blog excerpts