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

Fragmentos de blog

Los fragmentos de blog dan a tus lectores una muestra de una publicación de blog completa. Cuando los visitantes vean un fragmento que llame su atención, pueden hacer clic en el título, la imagen o el enlace Leer Más para abrir la publicación completa. 

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.

Cómo agregar un fragmento

Añade el texto de tu fragmento en la pestaña Opciones de la configuración de cualquier publicación de blog. También puedes seguir estos pasos para agregar fragmentos a eventos en las páginas de eventos. Los pasos dependen de la versión de tu sitio de Squarespace.

To add an excerpt to a new post:

  1. En el Menú de inicio, haz clic en Páginas y, luego, en tu Página de blog.
  2. Crea una nueva publicación de blog.
  3. Haz clic en the-gear-icon en la esquina superior derecha para abrir la configuración de la publicación.
  4. Click the Options tab.
  5. Add an introduction or summary of the post in the Excerpt field.
  6. Haz clic en Guardar y, a continuación, termina de crear tu publicación de blog.

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. Haz clic en the-gear-icon en la esquina superior derecha para abrir la configuración de la publicación.
  4. Haz clic en la pestaña Opciones.
  5. Add an introduction or summary of the post in the Excerpt field.
  6. Haz clic en Guardar.

To add an excerpt to a new post:

  1. In the Home Menu, click Pages, and then click your Blog Page.
  2. Crea una nueva publicación de blog.
  3. Click the Options tab.
  4. Add an introduction or summary of the post in the Excerpt field.
  5. Cuando hayas terminado de crear la publicación de blog, haz clic en Guardar o Guardar y publicar.

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. Haz clic en la pestaña Opciones.
  4. Add an introduction or summary of the post in the Excerpt field.
  5. Haz clic en Guardar.

Imagen de fragmento

En algunas plantillas, puedes mostrar imágenes con fragmentos de publicaciones para obtener una vista previa visual. Dependiendo de la plantilla, crearás esta imagen con imágenes en miniatura o bloques promocionados:

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.
Consejo: en todas las plantillas, puedes mostrar imágenes en miniatura con fragmentos en Bloques de sumario.

Si el fragmento no aparece

Si agregaste un fragmento, guardaste y actualizaste la página, y el fragmento no aparece, es posible que tengas que cambiar la configuración del sitio.

La mayoría de los diseños de la página de blog muestran fragmentos automáticamente. Si no aparecen, cambia los estilos de la sección de blog:

  1. En el menú de Inicio, haz clic en Páginas y, a continuación, en Página de blog.
  2. Click Edit in the top-left corner of the page.
  3. Haz clic en el icono del lápiz.
  4. En la pestaña Formato , desplázate hacia abajo hasta Fragmento y selecciona Mostrar. Para un diseño de blog de una sola columna, selecciona Fragmento y título en el menú desplegable Visualización de contenido.
  5. Posiciona el cursor sobre Listo y haz clic en Guardar.
Consejo: si tienes varias páginas de blog, repite estos pasos para cada una.

Algunas plantillas te ofrecen la opción de añadir fragmentos sin mostrarlos en tu página de blog. Si no aparecen, es posible que debas habilitar fragmentos en la configuración de la página, Estilos del sitio o ambos. Sigue los pasos que se indican a continuación en un equipo de escritorio para habilitar fragmentos para tu plantilla.

Paso 1: habilitar fragmentos en la configuración de la página

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.

Paso 2: habilitar fragmentos en Estilos del sitio

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
  • York: Mostrar fragmento en Blog: sección Lista

Read More links

En la mayoría de los sitios de Squarespace, los fragmentos de las publicaciones de blog incluyen automáticamente un enlace Leer Más, que abre la publicación completa. Las opciones de visualización y estilo dependen de la versión del sitio de Squarespace.

Los enlaces Leer Más pueden mostrarse independientemente de los fragmentos de las publicaciones de blog. Para mostrar u ocultar estos enlaces, cambia los estilos de la sección de blog:

  1. En el menú de Inicio, haz clic en Páginas y, a continuación, en Página de blog.
  2. Click Edit in the top-left corner of the page.
  3. Haz clic en el icono del lápiz.
  4. En la pestaña Formato, desplázate hacia abajo hasta el enlace Leer más y selecciona Mostrar u Ocultar.
  5. Posiciona el cursor sobre Listo y haz clic en Guardar.

Fuente

Para cambiar la fuente del enlace Leer más:

  1. En el Menú de inicio, haz clic en Diseño y, luego, en Fuentes.
  2. Haz clic en , en el paquete de fuentes que hayas seleccionado.
  3. De forma predeterminada, los fragmentos y los enlaces Leer Más siguen la configuración de Párrafos.
  4. Para aplicar estilos a los fragmentos y a los enlaces Leer más independientemente del texto de otro párrafo, haz clic en Avanzadas y, a continuación, selecciona Personalizado en Estilo y tamaño.

Color

El color del enlace Leer más sigue el tema de color de la sección. Para cambiarlo:

  1. En el menú de Inicio, haz clic en Páginas y, a continuación, en Página de blog.
  2. Click Edit in the top-left corner of the page.
  3. Haz clic en el ícono del lápiz y, a continuación, en Colores.
  4. Selecciona un nuevo tema de color o haz clic en el ícono del lápiz en el tema del color seleccionado para personalizar aún más.
  5. Desplázate hasta la sección Blog que coincide con tu diseño y cambia el color del enlace Leer Más.
  6. Haz clic en Guardar.

La mayoría de las plantillas incluyen un enlace Leer más en el fragmento. Algunas también incluyen un símbolo + o →.

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

En la mayoría de las plantillas, el enlace Leer más sigue la fuente del cuerpo del texto del sitio y el color del texto del enlace principal. Estas familias de plantillas tienen diferentes configuraciones de estilo:

  • 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.

Los fragmentos de la página de eventos no muestran enlaces Leer más.

Excerpts vs. full posts

La forma en que tu página de blog muestra las publicaciones que no tienen fragmentos depende de la versión de tu sitio de Squarespace.

El diseño de blog de una sola columna puede mostrar publicaciones completas en lugar de fragmentos. Para hacer esto:

  1. En el menú de Inicio, haz clic en Páginas y, a continuación, en Página de blog.
  2. Click Edit in the top-left corner of the page.
  3. Haz clic en el icono del lápiz.
  4. En la pestaña Formato, desplázate hacia abajo hasta Visualización de contenido y selecciona Publicación completa.
  5. Posiciona el cursor sobre Listo y haz clic en Guardar.

No es posible mostrar publicaciones completas en otros diseños de publicaciones de blog, incluso si ocultas los fragmentos.

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

Un buen fragmento despierta el interés de tus lectores. Aquí tienes algunas ideas para empezar:

  • Describe la publicación: resume la publicación en una o dos frases para que los lectores sepan de qué se trata.
  • Haz una muestra del primer párrafo: copia y pega el primer párrafo de la publicación y finaliza con una elipsis (...) para dar a los lectores una vista previa y señalar que hay más contenido.
  • Haz una pregunta: haz una pregunta para pedir a los lectores que hagan clic para conocer la respuesta.

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.

Para obtener más información sobre cómo configurar un bloque de sumario con tus publicaciones de blog, visita Cómo visualizar elementos de la colección en bloques de sumario. Para asegurarte de que se muestran los fragmentos, marca Mostrar fragmento, Mostrar miniatura y Mostrar enlace Leer Más en la pestaña Mostrar del editor de bloque de sumario.

Mira el video

Este video corresponde a la versión 7.0.

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 61 de 208