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

Algunas plantillas de Squarespace muestran barras laterales de contenido como parte de su diseño. Son áreas editables en las que puedes añadir texto, imágenes, enlaces y más. Dependiendo de la plantilla, solo podrán aparecer en páginas de colección específicas, como las Páginas del Blog o de 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.

Mira el video

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 aparecen en la parte inferior de la página cuando se visualizan en dispositivos móviles, para facilitar el diseño adaptable. En Ishimoto, las barras laterales no se muestran en los 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 usar esto para crear listas de solo texto de contenido por fecha, categoría, tag 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:

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, a un 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 está configurado a la izquierda o derecha dentro de Estilos del sitio. Configura la visualización de la barra lateral:
  1. En el Menú de Inicio, haz clic en Diseño y, luego, en 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 (exclusivas para cada Página de Blog). Desabilitarla para todas las Páginas de blog:
  1. En el Menú de Inicio, haz clic en Diseño y, luego, en 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. En el Menú de Inicio, haz clic en Diseño y, luego, en 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. En el Menú de Inicio, haz clic en Diseño y, luego, en 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. En el Menú de Inicio, haz clic en Diseño y, luego, en 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. En el Menú de Inicio, haz clic en Diseño y, luego, en 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. En el Menú de Inicio, haz clic en Diseño y, luego, en 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. En el Menú de Inicio, haz clic en Diseño y, luego, en Estilos del sitio.
  2. Desplázate hacia la Barra lateral del blog.
  3. Selecciona Ocultar, Izquierda o Derecha.

Se considera una buena práctica borrar el contenido de la barra lateral del blog cuando está oculta. Para obtener más información, consulta Resolución de problemas con Wells.

Wexley Páginas de Blog Configura la visualización de la barra lateral:
  1. En el Menú de Inicio, haz clic en Diseño y, luego, en 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 barra lateral de navegación aparece en las páginas con carpetas y en 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 del sitio, el logo y la descripción se muestran en la barra lateral de navegación, los puedes ajustar en el panel de Título y Logo del Sitio.
¿Fue útil este artículo?
Usuarios a los que les pareció útil: 97 de 198