Modificar el estilo de páginas de blog en la versión 7.1

Personaliza las páginas de blog de tu sitio con formato y diseños.

Última actualización: 18 de julio de 2024

Las páginas de blog son páginas de aterrizaje que vinculan a los visitantes a entradas de blog individuales. Puedes personalizar las páginas de blog para que coincidan con tu marca y estilo. Usa esta guía para encontrar las opciones de estilo para las páginas de blog y sus entradas individuales. Para crear una página de blog y agregar entradas, visita Blogging con Squarespace.

Cómo acceder a esta función

Esta guía se refiere a las páginas de blog de la versión 7.1.En la versión 7.0, cada plantilla tiene sus propios diseños de blog y opciones de estilo.Para obtener más información, revisa Modificar el estilo de páginas de blog en la versión 7.0.

Abrir las opciones de estilo

Las páginas de blog están organizadas en dos partes: la página de aterrizaje del blog, que crea un diseño de vistas previas de entradas en las que los visitantes hacen clic para abrir entradas, y las entradas individuales donde agregas el contenido del blog.

Podrás modificar el estilo de la página de blog y las entradas de blog en dos lugares principales:

Diseños de página de blog

La página de aterrizaje del blog también es la sección del blog. Muestra vistas previas de las entradas, en las que los visitantes hacen clic para abrir entradas individuales.

Después de abrir los estilos de sección del blog, haz clic en el menú desplegable Diseño, en Formato, para seleccionar un diseño.Los diseños de página de blog son cuadrículas, donde las vistas previas de entradas se muestran en varias filas y columnas; o apiladas, donde las entradas se apilan en una sola columna.Elige entre:

  • Blog de cuadrícula básica. Un diseño de cuadrícula donde la relación de aspecto de la imagen destacada es fija, lo que crea un conjunto uniforme de columnas y filas.
  • Blog de mampostería. Un diseño de cuadrícula donde las relaciones de aspecto de las imágenes destacadas no se recortan, dando a las filas y columnas un aspecto de mosaico.Según tu dispositivo, las imágenes destacadas pueden aparecer fuera del orden cronológico para garantizar el mejor ajuste.
  • Blog de una sola columna. Un diseño apilado donde las imágenes destacadas se muestran sobre los títulos de las entradas y otros metadatos en una sola columna.
  • Blog de lado a lado . Un diseño apilado donde las imágenes destacadas se muestran junto a los títulos de las entradas y otros metadatos en un lado fijo.
  • Blog en paralelo y alterno: diseño apilado en el que las imágenes destacadas se muestran junto a los títulos de las publicaciones y otros metadatos en lados alternos.

Cada diseño tiene sus propias opciones de estilo. Esta configuración se aplica a todas las páginas de blog que utilizan el mismo diseño en tu sitio.

Ten en cuenta lo siguiente:

  • Estos cambios afectan todas las páginas de blog que utilizan el mismo diseño.
  • Los cambios realizados en un diseño se guardan cuando cambias a un nuevo diseño. Si vuelves al diseño anterior, tu configuración se restaurará siempre y cuando no hayas editado ese diseño en otra página de blog.
  • La mayoría de los diseños no muestran la entrada completa en la página de aterrizaje del blog.Para mostrar el contenido completo de cada entrada, usa el diseño de Una sola columna y configura la Visualización del contenido en Publicación completa.

Opciones de formato

Después de seleccionar un diseño, establece las siguientes opciones en la pestaña Formato.Según el diseño que elijas, es posible que algunas opciones no aparezcan.Por ejemplo, solo el diseño de Cuadrícula básica y Mampostería tienen configuraciones de columna.

  • Ancho. Selecciona Completo para que el contenido abarque el ancho de la sección o Recuadro para aumentar el relleno a la izquierda y a la derecha del contenido.
  • Columnas: configura el diseño de Cuadrícula básica o Mampostería para que tenga 2, 3 o 4 columnas.
  • Espaciado horizontal. Disponible para diseños de Cuadrícula básica y Mampostería.
  • Espaciado vertical
  • Colocación de la imagen. Configura la imagen destacada para que aparezca Encima o Debajo del título de la entrada y los metadatos.
  • Relación de aspecto. Establece una forma estándar para las imágenes destacadas.
  • Espaciado de la imagen
  • Alineación del texto. Alinea el texto a la Izquierda, Centro o Derecha.
  • Alineación del texto de imagen. Alinea el texto con la parte Superior, Media o Inferior de la imagen destacada en los diseños De lado a lado.
  • Extracto. Configura los extractos en Mostrar u Ocultar.Agrega extractos en la configuración de cada entrada.
  • Enlace Leer más. Permite a los visitantes saber que hay más contenido además del extracto.
  • Espaciado de título. Establece el espacio entre el título de la entrada y el extracto.
  • Ancho del contenido del texto. Establece el ancho del contenido del texto para los diseños de Cuadrícula básica y Mampostería.
  • Espacio de Leer más. Establece el espaciado entre el extracto y el enlace Leer más.
  • Posición de los metadatos. Configura los metadatos para que se muestren en la Parte superior del contenido del texto o en el Extracto inferior.
  • Metadatos primarios. Establece qué metadatos se muestran primero.Puedes elegir Categorías, Fecha, Autor o Ninguno.La fecha se muestra en MM/DD/AA o DD/MM/AA, según el idioma de tu sitio.
  • Metadatos secundarios. Establece los metadatos que se muestran en segundo lugar.Las opciones son las mismas que las de los metadatos primarios.
  • Espaciado de los metadatos. Establece el espaciado entre los metadatos y el título de la entrada.
  • Delimitador. Selecciona cómo dividir los metadatos primarios y secundarios.Para obtener más información, revisa Delimitadores.
  • Visualización de contenido. Para el diseño de Una sola columna, establece qué contenido de texto se muestra con la entrada. Elige Solo título, Extracto o Entrada completa. Agrega extractos en la configuración de cada entrada.

Otros elementos de la página de blog

Los siguientes elementos de la página principal de blog están establecidos en otras áreas:

  • Número de entradas por página. Establece el número de entradas que aparecen en la página de blog, entre 1 y 20, en la configuración de la página de blog.Si tienes más entradas de las que se muestran en una página, los enlaces de paginación aparecen en la parte inferior de la página de blog para entradas antiguas y otras más nuevas.No es posible cambiar el texto en sí, pero puedes modificar el estilo de la fuente.El desplazamiento infinito no es compatible con la versión 7.1.
  • Imágenes destacadas. Agrega la imagen destacada que se muestra en la página de aterrizaje de cada entrada en la configuración de cada entrada de blog.
  • Fuentes. Establece la fuente para los títulos de las entradas de blog, extractos, metadatos, enlaces de Leer más y enlaces de paginación en estilos del sitio.Para obtener más información, revisa las Fuentes de la página de blog.

Publicaciones de blog

Las entradas de blog usan nuestro editor clásico, donde agregarás y organizarás bloques.

Después de abrir las opciones de estilo de entrada de blog, puedes cambiar los siguientes ajustes:

  • Formato. Establece el espaciado y la visualización de metadatos.Todas las entradas de blog de tu sitio, incluso en diferentes páginas de blog, comparten esta configuración.Revisa la lista completa de los retoques a continuación.
  • Color. Establece los colores de tu sitio o cambia el tema de la sección del blog.Para obtener más información, revisa Colores de página de blog.

Opciones de formato de entradas de blog

Todas las entradas de tu sitio, incluso en diferentes páginas de blog, comparten esta configuración. Si haces un cambio en una entrada, se aplica a todas las demás.

  • Ancho del contenido. Establece el ancho del contenido de la entrada en Estrecho, Medio, Ancho o establece un ancho Personalizado.
  • Alineación del texto. Alinea el texto a la Izquierda o al Centro.
  • Posición de los metadatos. Establece los metadatos para que aparezcan Encima del título o Debajo del título.
  • Mostrar categorías. Habilita para mostrar las categorías agregadas a la entrada.
  • Mostrar fecha. Habilita para mostrar la fecha de publicación de la entrada.En entradas individuales, solo aparecen el mes y el día.No es posible mostrar el año, pero sí aparece cuando la fecha es visible en la página de blog principal.
  • Mostrar nombre del autor. Habilita para mostrar el autor de la entrada.
  • Mostrar perfil del autor. Habilita para mostrar el perfil del autor debajo del contenido de la entrada.
  • Estilo del delimitador. Selecciona cómo dividir los metadatos.Para obtener más información, revisa Delimitadores.
  • Espaciado del encabezado

Delimitadores

Al mostrar metadatos como fechas, nombres de autor o categorías en tu blog, puedes agregar “delimitadores” o puntuación para separar visualmente los metadatos.

Para seleccionar u ocultar los delimitadores:

  1. Haz clic en Editar en la página o entrada de blog.
  2. Pasa el cursor sobre la sección de blog o sobre la publicación y haz clic en el ícono de lápiz.
  3. En la pestaña Formato, haz clic en Delimitadores.
  4. Selecciona una de las opciones, o elige Ninguna (en páginas de blog) o Espacio (en entradas de blog) para ocultarlas.
  5. Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego Guardar para cerrar el editor.

Fuentes de página de blog

Las fuentes en páginas y entradas de blog siguen las fuentes del sitio.Para cambiarlas, haz clic en Editar en una página o entrada, haz clic en el ícono del pincel y en el estilo de fuente correspondiente.Para cambiar el estilo que sigue un elemento de texto específico o para darle estilo independientemente de las fuentes de tu sitio, haz clic en Asignar estilos

Revisa la lista a continuación para ver los retoques en Asignar estilos.

Página principal de blog

Cada diseño de blog tiene opciones de estilo de fuente separadas. Bajo el diseño del blog en Asignar estilos, usa los siguientes retoques:

  • Título
  • Extracto. Los enlaces de Leer más también siguen estos ajustes. 
  • Metadatos

Los enlaces de paginación en la parte inferior de la página principal de blog siguen los estilos de Párrafos y el tamaño del Párrafo 2 del sitio.No es posible cambiarlo.

Publicaciones de blog

Todas las entradas de blog del sitio comparten los mismos estilos.En Entrada de blog en Asignar estilos, usa los siguientes retoques:

  • Título
  • Metadatos
  • Perfil del autor
  • Paginación

Colores de la página de blog

Después de abrir las opciones de estilo para la página de aterrizaje de tu blog o una entrada de blog, haz clic en Colores para cambiar los colores de tu página y entradas de blog.

Para cambiar los colores de la página de blog, selecciona un nuevo tema cromático. La página de blog y todas sus entradas comparten el mismo tema cromático, así que cambiar el tema de la página de blog también cambia el tema de sus entradas y viceversa.

Para cambiar colores individuales en el tema seleccionado:

  1. Haz clic en el ícono del lápiz junto al nombre del tema.
  2.  Desplázate hacia abajo hasta los retoques de Blog para tu diseño y los retoques de Entrada de blog, luego haz clic en el retoque que quieras cambiar y establece un nuevo color.
  3. Otros elementos en tu página de blog siguen estilos de todo el sitio. Por ejemplo, la mayoría del texto sigue los colores en Texto. Cambiar estos colores afecta todas las secciones que usan el mismo tema cromático en tu sitio.

Ten en cuenta que los colores de los temas están definidos por la paleta de colores del sitio. Si cambias la paleta, también puede cambiar los temas cromáticos. Para obtener más información, consulta Cómo cambiar los colores.

Estilo de las páginas de blog en la versión 7.0

Las familias de plantillas de la versión 7.0 tienen opciones únicas de diseño de blog y estilo.Para obtener más información sobre las opciones de tu blog, visita la guía de la familia de plantillas:

Para ver los diseños y las funciones de cada familia, visita nuestros gráficos de comparación de plantillas.

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.

Modificar el estilo de páginas de blog en la versión 7.1