Barras laterales en la versión 7.0

Edita, aplica estilo y oculta las barras laterales en algunas plantillas de la versión 7.0.

Última actualización: 17 de diciembre de 2024

Algunas plantillas de la versión 7.0 muestran barras laterales de contenido como parte de su diseño. Estas son áreas editables en las que puedes agregar texto, imágenes, enlaces y más. Dependiendo de la plantilla, es posible que solo aparezcan en páginas de la colección específicas, como páginas de blog, o en todo el sitio.

Algunas plantillas también muestran enlaces de navegación en una barra lateral, en lugar de en la parte superior del sitio.

En esta guía se explica cómo añadir bloques a una barra lateral de contenido y qué plantillas ofrecen barras laterales.

Cómo acceder a esta función

Las barras laterales solo están disponibles en la versión 7.0.

Antes de comenzar

  • El contenido de la barra lateral no se transfiere entre las plantillas. Para obtener más información, consulta Cambiar las plantillas.
  • En la mayoría de las plantillas, las barras laterales de contenido se muestran en la parte inferior de la página cuando se visualizan en dispositivos móviles. En Ishimoto, las barras laterales no se muestran en dispositivos móviles. Para obtener más información, visita ¿Cómo aparecerá mi sitio web en dispositivos móviles?
  • Cambia las fuentes, los colores y otros estilos de la barra lateral en estilos del sitio.

Abrir el editor de la barra lateral

Para editar una barra lateral de contenido, abre una página del sitio en la que se muestre la barra lateral. Posiciona el cursor sobre la barra lateral de contenido y, en la nota, haz clic en Editar.

En pantallas más pequeñas, la barra lateral puede aparecer en la parte inferior de la página. Posiciona el cursor sobre el área de contenido para confirmar que la nota tenga el nombre Barra lateral antes de editarla.

edit_blog_sidebar.jpg

Añadir contenidos con bloques

Haz clic en un punto de inserción y, a continuación, selecciona un bloque del menú para añadirlo a la barra lateral. Uno de los mejores bloques de la barra lateral es el bloque de archivo. Puedes usarlo para crear listas de solo texto de contenido por fecha, categoría, etiqueta o autor.

Algunos bloques populares para las barras laterales son:

Continúa agregando bloques hasta que hayas añadido todo el contenido que quieras a la barra lateral.

Crear diseños

Para conservar el ancho de una barra lateral, los bloques de contenido solo pueden estar apilados uno encima del otro. Para reordenar el contenido de la barra lateral, haz clic y arrastra los bloques. Si deseas informarte mejor, consulta Cómo mover bloques

Haz clic en Guardar para publicar los cambios. Dependiendo de la plantilla, los bloques en la barra lateral de la página serán similares a la imagen siguiente:

KB Guide Image

Opciones de la barra lateral de contenidos por plantilla

Antes de introducir cambios en la vista de la barra lateral desde Estilos del sitio, primero navega a una página que muestre la barra lateral y, luego, al panel de Diseño. Así verás todos los ajustes pertinentes.

Así puedes editar las barras laterales de contenido en estas familias de plantillas:

Familia de plantillas Aparece en... Opciones
Avenue Páginas de blog cuando el estilo de diseño del sitio se establece en Izquierda o Derecha dentro de los estilos del sitio Configura la visualización de la barra lateral:
  1. Abre el panel Estilos del sitio.
  2. Desplázate hasta Estilos de Blog y haz clic en Visualización de la barra lateral del blog.
  3. Selecciona Automática, Derecha, Izquierda u Oculta.

Bedford

Páginas de blog (únicas para cada página de blog) Desabilitarla para todas las Páginas de blog:
  1. Abre el panel Estilos del sitio.
  2. Desplázate hasta Barra lateral y activa la opción Ocultar la barra lateral del blog
Five Todas las páginas. Activar dentro de las configuraciones de cada página. Configura la visualización de la barra lateral:
  1. Pasa el cursor sobre el título de la página y haz clic en gear-icon.
  2. En Configuración de página, haz clic en Avanzada y desplázate hasta Diseño de página.
  3. Haz clic en el menú desplegable para seleccionar Una barra lateral, Barras laterales separadas, Ancho total (sin barra lateral) o Dos barras laterales.
Forte Páginas de blog Configura la visualización de la barra lateral:
  1. Abre el panel Estilos del sitio.
  2. Desplázate hacia abajo hasta Blog y haz clic en el menú desplegable Posición de la barra lateral.
  3. Selecciona Derecha, Izquierda u Oculta.
Galapagos Páginas de blog Desabilitar:
  1. Abre el panel Estilos del sitio.
  2. Desplázate hasta Blog y desactiva la opción Habilitar la barra lateral del blog.
Ishimoto Páginas de blog Configura la visualización de la barra lateral:
  1. Abre el panel Estilos del sitio.
  2. Desplázate hasta Estilos de Blog y haz clic en Barra lateral del blog.
  3. Selecciona Derecha, Izquierda u Oculta.

Montauk

Páginas de blog Configura la visualización de la barra lateral:
  1. Abre el panel Estilos del sitio.
  2. Desplázate hacia Estilos de Blog y haz clic en Diseño del Blog.
  3. Selecciona Centro (sin barra lateral), Barra lateral derecha o Barra lateral izquierda.

Skye

Publicaciones de blog

Configura la visualización de la barra lateral:

  1. En la página web, abre una publicación de blog individual.
  2. Abre el panel Estilos del sitio.
  3. Desplázate hasta Opciones de la publicación del blog.
  4. Habilita o deshabilita la barra lateral con el ajuste Mostrar barra lateral.
  5. Ajusta el tamaño en Ancho de la barra lateral.
  6. También puedes optar por mostrar el perfil de autor sobre el contenido de la barra lateral.
Wells Todas las páginas. Barra lateral adicional en las páginas de blog. Habilitar una barra lateral adicional en la Página de Blog:
  1. Abre el panel Estilos del sitio.
  2. Desplázate hacia la Barra lateral del blog.
  3. Selecciona Ocultar, Izquierda o Derecha.

Se considera una práctica recomendada eliminar el contenido de la barra lateral del blog cuando está oculto. Para obtener más información, visita la solución de problemas de Wells.

Wexley Páginas de blog Configura la visualización de la barra lateral:
  1. Abre el panel Estilos del sitio.
  2. Desplázate hacia Blog y haz clic en Barra lateral del blog.
  3. Selecciona Derecha, Izquierda u Oculta.

Estas familias de plantillas admiten la navegación con barra lateral. Presiona los enlaces para informarte mejor.

  • Aviator: Los diseños Offset o de Tarjeta crean una barra lateral de navegación para todo el sitio.
  • Bedford: la navegación de la barra lateral se muestra en las páginas de los menús desplegables y las páginas de índice.
  • Five: Cuando seleccionas Posición de navegación superior: Ninguna, los enlaces de navegación se mueven a la barra lateral de contenido.
  • Supply: Barra lateral de navegación para todo el sitio.
  • Wells: Barra lateral de navegación para todo el sitio con un área de contenido editable.

Para cambiar lo que aparece en la barra lateral de navegación:

  • Agregar y reorganizar los enlaces en el panel de Páginas.
  • Si el título, logotipo y eslogan del sitio se muestran en la barra lateral de navegación, ajústalos en el panel de Título y logotipo.

En la versión 7.1, la navegación por categoría de producto se puede mostrar en la parte superior de una página o en una barra lateral. Para obtener más información, visita Cómo modificar el estilo de páginas de Tienda.

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.