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

Esta guía te explicará las opciones que te ofrece Avenue para ajustar el aspecto de tu sitio. Estas opciones están disponibles en Estilos del sitio.

This is a supplement to the guide Making style changes, which we suggest you read first if you're new to Squarespace.

Consejo: En el Menú de Inicio, haz clic en Diseño y, luego, en Estilos del sitio. Para acceder a ajustes específicos de una página, navega hasta Estilos del sitio cuando estés en esa página en particular.

Supported pages

Add pages to your site to create your site's underlying structure. Pages can appear as links in your site's navigation.

The Avenue template supports these page types:

  • Grid Index - Create a grid of thumbnail images that link to pages on your site.
  • Gallery - Style the gallery as a slideshow or grid.
  • Blog - The list-style Blog Page stacks posts vertically.
  • Regular Page - A blank page you can customize with blocks.
  • Album - Create a page with playable music tracks and cover art.
  • Events - Create a calendar or list of events.
  • Products (Classic) - Sell goods and services with our integrated Commerce features.
  • Cover Page - A unique landing page styled separately from your template.

Site header

In Avenue, the site title or logo, navigation, and tag line display at the top of the page.

En la sección Opciones de Estilos del sitio, elige Estilo del diseño para ajustar el título del sitio a la izquierda, a la derecha o en el centro.

  • If you center the site title, the navigation displays below it.
  • The tag line always displays below the site title.

Other tweaks adjust the style of the header elements: 

  • Site Title tweaks adjust the title's font, color, and hover color.
  • Navigation tweaks adjust the navigation's font, color, hover color, active color, and spacing.
  • Site Subtitle tweaks adjust the tag line's font and color.

Page border

In Avenue, you can separate page content from the header and footer with a line.

En la sección Opciones dentro de Estilos del sitio, haz clic en Bordes de la página para elegir entre borde delgado, grueso o con línea de puntos. También puedes elegir Ninguno si no quieres que se vea la línea.

To set the color of the line, click Page Border Color in the Colors section.

Background

Establece el color del fondo de tu sitio en Estilos del sitio haciendo clic en Fondo del sitio.

You can also set an image as the background with Site Background Image. Within this setting, you can control the position, size, and repeat settings for the image. For more information about site background images, visit Adding a background image.

Para hacer que el color del área de contenidos principales de tu sitio sea diferente del color de fondo, elige el retoque de Fondo del lienzo en Estilos del sitio. Ajusta la transparencia y selecciona el color.

Page headers

En la plantilla Avenue, puedes incluir un encabezado personalizado en cada página, además del encabezado de todo el sitio. Esto puede ser útil para agregar contenidos adicionales, como un Bloque de boletín o una declaración introductoria.

  • El encabezado de la página no aparece en las Páginas Normales y de Galería que se abren desde una Página de índice.
  • Si agregas Bloques de audio o de video en el encabezado de una Página de Índice, el audio continuará reproduciéndose mientras navegues por sus páginas.

avenue-page-header.jpg

Footers

Un pie de página personalizable de todo el sitio aparece en todas las páginas e incluye los iconos de las redes sociales. Avenue también admite pies de página individuales, por lo que puedes agregar contenidos únicos al área del pie de página de cualquier página.

Para cambiar el contenido en cualquier pie de página, pasa el cursor sobre el área y haz clic en Editar. Si necesitas más ayuda, visita Editar pies de página.

Los pies de página no aparecen en las Páginas Normales y de Galería que se abren desde una Página de Índice.

El pie de página de todo el sitio admite una columna de bloques. Usa el retoque Estilo de Diseño para cambiar su aspecto:

  • Estilo de Diseño (Izquierdo o Derecho): El pie del sitio está dividido en lado izquierdo y derecho en todas las páginas. El lado izquierdo admite bloques. El lado derecho solo admite los iconos de redes sociales.
  • Estilo del Diseño (Centro): El pie del sitio coincide con el ancho de la página. Los iconos de redes sociales aparecen abajo.

El pie de página siempre coincide con el ancho de la página. Admite múltiples columnas de bloques.

avenue-footers.jpg

El título y la descripción de la página

En Avenue, aparece en tu sitio un texto de la Configuración de Página:

Consejo: Si deseas usar un texto diferente para los resultados de búsqueda, agrega un título y una descripción SEO.

Íconos de las redes sociales

Los iconos de redes sociales aparecen en el pie de página. Se alinean a la derecha o a la izquierda, según el Estilo de diseño que hayas seleccionado en la sección Opciones de Estilos del sitio.

Puedes cambiar el estilo de los iconos u ocultarlos en la sección Opciones de los Estilos del sitio. El retoque del Color de los iconos de redes sociales en la sección Colores cambia el color de los iconos. Tamaño de los iconos de redes sociales en la sección Tamaños y valores modifica el tamaño de los iconos.

Móvil

Because Squarespace templates are built with responsive design, your site will adjust on mobile devices to better fit the format of that device. You can use Device View to see how your site will look on different devices.

  • Los logotipos siguen siendo visibles en los dispositivos móviles. Usa el retoque de Tamaño del logotipo en dispositivos móviles en la sección Tamaños y valores de Estilos del sitio para configurar su tamaño para dispositivos móviles.
  • El encabezado tiene relleno integrado para dispositivos móviles que no se modifica con el retoque de Relleno del encabezado
  • Puedes cambiar la justificación de la navegación con el retoque de Estilo del diseño dentro de la sección Opciones de Estilos del sitio.
  • Si seleccionaste un Color del lienzo en la sección Colores dentro de Estilos del sitio, este será el color del fondo del sitio para dispositivos móviles.
  • El contenido de la barra lateral aparece debajo del contenido de la página en los dispositivos móviles.

On a smartphone, navigation appears at the top of the page in a drop-down menu.

Next step

Create a thumbnail navigation grid with the Index Page.

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 34 de 72
Avenue structure and style