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

Bedford, Anya, Bryant, and Hayden share the same underlying structure and functionality. This guide applies to all these templates.

 

The single-page style Index Page stacks the content from multiple pages vertically, allowing you to highlight images and information in one location. The result is a unified page that presents a variety of content.

  • La Página de Índice admite secciones de Contenido. Estas muestran contenidos de las Páginas de Diseño, como botones de texto y otros Bloques.
  • If the section has a thumbnail, it displays above the content as a banner, with the page description as an overlay.
Consejo: Los Índices son una buena Página de Inicio.

Set up the Index Page

El Índice admite Páginas de Diseño. Cada página aparece como su propia sección. Estas secciones se apilan verticalmente en el orden en el que se acomodan dentro del Índice. Los banners aparecen arriba del contenido de la página de cada sección.

  1. En el Menú de Inicio, haz clic en Páginas.
  2. Presiona el icono + y, luego, haz clic en Página para crear una Página de Diseño.
  3. Hover over the page content and click Edit to add text and other content with blocks.
  4. Add a page banner or a slideshow banner. You can remove the page content to only display the banner, or remove the banner to only display page content.
  5. Add Description text to create a text overlay and format it with headers or buttons.
  6. Save your changes.

Repeat this step for every page you want to add to the Index. Then:

  • In the Pages panel, click the + icon and click Index.
  • Arrastra las Páginas de Diseño que acabas de crear hacia el Índice.

For detailed steps, visit Using the Index Page.

Note: If you have a blank page within an Index, its edit page annotation may not appear. To edit the page, move it out of the Index, add content, then move it back to the Index.

Index banners

Puedes añadir un banner de página (una única imagen o un único video) o un banner en modo presentación arriba del contenido de la página para cada Página de Diseño que agregues al Índice. 

  • Visit Special banners to learn how to add and format these banners and their overlay text.
  • The height of the banner is determined by the amount of content in the page description.

Para apilar las imágenes del banner sin espacio en blanco entre ellas, crea Páginas de Diseño que tengan imágenes en miniatura sin ningún contenido. Solo aparecerán las imágenes del banner y el texto superpuesto en cada página. Si creas una página nueva, abre su editor de página y borra el Bloque de texto precargado. De otro modo, este Bloque de texto agrega un espacio en blanco entre cada banner.

Nota: En los dispositivos móviles, las cabeceras tipo presentación de diapositivas tienen una altura fija de 300 píxeles. Si el texto de la cabecera tipo presentación de diapositivas es demasiado largo como para caber en la altura de 300 píxeles, el texto estará oculto en la visualización desde móviles.

Fixed header

The site title and Main Navigation appear in a locked or fixed position after you scroll past the first page.

Use the Header Background Color tweak to adjust the fixed header's background color.

Sidebar navigation

Cuando te diriges a la URL directa de una página que es parte de un Índice, todas las páginas dentro de ese Índice aparecerán en la página en una barra de navegación lateral. Ajusta el estilo de esta barra de navegación con los retoques de la sección Barra lateral en Estilos del sitio.

Note: The navigation won’t show on the Index Page itself, only on the pages within the Index.

Styling the Index

The Index Page uses the same tweaks every other page uses for colors and fonts. There aren't tweaks for specifically for the Index Page. 

Anchor links

Index Pages support Index anchor links. When visitors click these links, they'll jump to a specific section of your Index Page. 

To see this in action, test out the "View Our Work" button in Hayden's demo content.

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

Next Step

Learn about Bedford Blog Pages.

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