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

Aviator, Aubrey, and Encore share the same underlying structure and functionality. This guide applies to all these templates.

The Info Page creates a unique landing page for your Aviator, Aubrey, or Encore site. It’s styled independently from other pages. Typically, the Info Page is set as the homepage.

Tip: You can create an Info Page-like design on any template with the Card layout Cover Page.
Note: If you're using an Info Page as the homepage, change your homepage to a non-Info Page before switching templates.

Set up the Info Page

Unlike other pages, the Info Page can’t be deleted or added in the Pages panel. Instead, you'll customize the existing demo content Info Page:

  1. En el Menú de Inicio, haz clic en Páginas.
  2. Locate the Info Page. The Info Page icon is a dotted box. In Aviator, the page is titled Welcome. In Aubrey and Encore, the page is titled Home.
  3. Hover over the Info page and click the gear-icon.
  4. Click Create.
  5. Make any changes to the page information, then click Save. 
  6. The Demo label will no longer appear next to the page title.

Add a background image or color

The Info Page supports a separate background than the rest of the site.

To add a background image:

  1. Abre Estilos del sitio y desplázate hacia abajo hasta Estilos de la Página de Información.
  2. Use the Info Page Background Image tweak to change the background image.
  3. Use the background image's style options (position, size, repeat, fix) to style the image.
  4. Add a color tint with the Info Page Background Overlay tweak. You may need to adjust the transparency.

To replace the background image with a color, open the Info Page Background Image tweak and click Remove.

  • Set the color with the Info Page Background Overlay color.
  • If the overlay color is set to partially transparent, the Site Background color shows through it. 
Note: The Info Page background image always displays on mobile, even if Mobile Background Image is unchecked.

Add page content

The Info Page automatically displays your navigation links and built-in social icons. It also includes a content area, which displays either:

  • Your site title, tag line, site description, and contact information.
  • An area you can customize with blocks.

Contact information

Cuando quitas la marca de Texto de forma libre en la Página de Información en la sección Estilos de la Página de Información de Estilos del sitio, el área de contenido se completa automáticamente con la información de tu sitio.

  • Adjust the site title and tag line in the Logo & Title panel. Style the text with the Info Page Site Title and Info Page Tagline tweaks.
  • Para ajustar la descripción del sitio, pasa el cursor por el área que está debajo del título del sitio y haz clic en Editar. Aplica estilo al texto con los retoques de la Descripción de la Página de Información. Para eliminar la descripción del sitio, borra el texto.
  • Adjust the contact information in the Business Information panel. For the address, use the Physical Location fields. Style the text with the Info Page Contact Info tweaks. 
  • Agrega u oculta el renglón entre la información de contacto y la descripción del sitio con el retoque Ocultar los divisores de la Página de Información.

Freeform content

  1. En la sección Estilos de la Página de Información de Estilos del sitio, marca el retoque de Texto de forma libre en la Página de Información.
  2. Guarda y sal de Estilos del sitio.
  3. Hover over the content area and click Edit.
  4. Customize the area with blocks
  5. Si tu Bloque de texto tiene un encabezado Encabezado 1, ajusta el estilo de su fuente con los retoques de Título del sitio de la Página de Información. Para todo el texto restante, usa los retoques de la sección Tipografía de Estilos del sitio.
Tip: If you uncheck the Freeform Text on the Info Page tweak, the custom content saves, and reappears if you check it again.

Style the content area

Adjust the width of the content area with the Info Page Content Width tweak. To change the shape, use the Info Page Rounded Corners tweak. 

To add a box behind the content area from the rest of the info page, check the Info Page Content Overlay tweak. This helps your content stand out, and can make your text more readable when displaying over an image.

  • Info Page Content Drop Shadow adds a shadow around the content area box.
  • Info Page Content Overlay Color adjusts the color. Make it partially transparent to allow the Info Page background to show through. 

Adjust the layout

El diseño básico de tu Página de Información es controlado conforme al retoque de Diseño de Página de Información en la sección Opciones dentro de Estilos del sitio.

Note: This tweak also affects the rest of your site.

Selecting the Offset, Poster, or Business Card layout determines where the content area, Main Navigation, and built-in social icons display.

  • Offset centers your content, with the navigation links on the left.
  • Poster stacks all your information and links in the center. 
  • Business Card displays all your content on the left, revealing more of the background image.

Usa los retoques de la sección Estilos de la Página de Información de Estilos del sitio para ajustar el relleno entre los elementos.

Note: Because Squarespace sites are built with responsive design, the layout of your Info Page changes when viewed on smaller browser windows or mobile devices.

Navigation links

Depending on which layout you’ve selected, the Main Navigation displays in the top-left or top-center.

Usa los retoques de Navegación en la sección Colores y en la sección Tipografíade Estilos del sitio para ajustar el estilo y el color de la fuente de los vínculos de navegación.

Note: Changes you make to the navigation style are global throughout your site.

Las carpetas que se agregan a la Navegación principal aparecen con el símbolo +. Los menúes de navegación aparecen superpuestos. Usa el retoque del Menú desplegable de carpetas en la sección Coloresde Estilos del sitio para ajustar el color de fondo y la transparencia del elemento superpuesto.

To learn how to adjust what pages display in the navigation menu, visit Adding pages to your navigation.

Social Icons

Built-in social icons appear on your Info Page.

Depending on which layout you’ve selected, social icons display in the top-right or centered below the content area.

Usa los retoques de la sección Estilos de los iconos de redes sociales en Estilos del sitio para ajustar su color, estilo y tamaño, o directamente ocultarlos.

Note: Style changes you make to the social icons are global throughout your site.

Note: For general information about styling your site, visit Structure and style.

Next step

Learn about Aviator Blog Pages.

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