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

Los enlaces ancla ("saltos de página") son URL especiales que te llevan a lugares específicos dentro de una página. Las páginas de índice apiladas tienen una estructura especial de URL que puedes usar para crear enlaces ancla sin código personalizado.

Por ejemplo, cuando haces clic en el botón "Ve nuestro trabajo" en el sitio de prueba de la plantilla Hayden, se desplaza hacia abajo en la página hasta la sección "Moreau".

Nota: Para agregar enlaces ancla a otras páginas y plantillas con código personalizado, consulta Cómo crear enlaces ancla.

Supported templates

Los enlaces ancla de la Página de Índice funcionan mejor en las plantillas con Páginas de Índice apiladas. En estas familias de plantillas, hacer clic en un enlace ancla te lleva a la sección correspondiente en la Página de Índice.

  • Bedford
  • Brine: La carga de Ajax puede interferir con la conducta del enlace ancla. Como alternativa, puedes usar la navegación del Índice integrada.
  • Pacific: Debes añadir -sección al final del enlace. Ve el Paso 3 a continuación para informarte mejor.
Tip: Some grid Indexes support a similar functionality. You can also use custom code to add regular anchor links on any template.

Step 1 - Find the slug

En el panel de Páginas, pasa el cursor sobre la sección de Índice con la que quieres enlazar. Haz clic en el icono del engranaje para abrir la Configuración de página para esa sección.

Copy the slug from the URL Slug field. You'll use this slug to create an anchor link.

Tip: The slug may display in the browser bar when visitors navigate to that section. You can change the slug by typing new text in this field.

Adding_Index_Page_anchor_links.png

Step 2 - Create the link

Agrega el vínculo en el que harán clic los que visitan el sitio. Puedes usar cualquier tipo de enlace, pero estos pasos usan un vínculo de texto como ejemplo. En el bloque de texto, resalta el texto y haz clic en el ícono del enlace en la barra de herramientas del bloque de texto.

Consejo: El Índice de cada plantilla ofrece opciones únicas. Para informarte mejor, consulta la guía de la familia a la que pertenece tu plantilla: Bedford, BrinePacific.

Step 3 - Add the page slug

Next, follow these steps:

  1. En la casilla Enlace, pega el slug que copiaste en el paso 1.
  2. Add a hashtag symbol (#) to the front of the slug to complete the link. The anchor link in this example is #hours-and-location.
  3. Haz clic en el icono del engranaje para abrir la configuración y comprobar que Abrir en una ventana nueva esté desactivado.
  4. Para las plantillas Pacific, Charlotte, Fulton, Horizon y Naomi, agrega -section al final del enlace ancla, así: #hours-and-location-section.
  5. Haz clic en Guardar.

Step 4 - Add the Index slug

Si agregaste tu enlace del paso 2 a una sección dentro del mismo índice, puedes omitir este paso.

For any other link, include the Index Page's slug before the anchor link. This will ensure your links work from:

  • A different page.
  • Your site's navigation.
  • A subpage's direct URL.
  • Internet Explorer.

To add this:

  1. Copy the slug for your Index Page from its Page Settings.
  2. Re-open the link editor.
  3. Add the page slug before the anchor link between two / symbols, like this:
https://examplesite.com/indexslug/#pageslug
  1. Haz clic en Guardar.

Examples

Add anchor links to multiple sections to help visitors navigate around your Index Page. This example uses the Brine template and three different link types: Button Block, text link, and image clickthrough URL.

Ejemplos de enlaces ancla en la plantilla Brine con un Bloque de botón, un vínculo de texto y una URL clickthrough de imagen.

Create a navigation by arranging anchor links side by side. This example uses the Bedford template and text links. 

Ejemplos de enlaces ancla en la plantilla Bedford colocados a la par.

Grid Index Pages and anchor links

Estas familias de plantillas con Páginas de Índice en cuadrícula tienen una funcionalidad similar:

  • Avenue
  • Flatiron
  • Montauk

Puedes crear un enlace ancla a la Página de Índice en estas plantillas con el siguiente formato de URL:

/index-page-slug/#/page-slug

Esta es una buena opción para vincular a páginas dentro del Índice desde la navegación de tu sitio o desde otras páginas de tu sitio. La página se abre con cualquier formato específico del Índice, del mismo modo que se abriría si hicieras clic en su imagen miniatura, en el Índice.

Este ejemplo usa la plantilla Avenue.

Ejemplo del comportamiento de un enlace ancla en una Página de Índice en grilla.

Resolución de problemas

If an anchor link isn't working, these tips may help:

  • Si es necesario, verifica haber agregado el slug de la página de índice según lo descrito en el paso 4, incluidos los dos símbolos /. Es obligatorio que lo hagas para los enlaces de navegación, los enlaces de otras páginas y en Internet Explorer.
  • If you're seeing issues on mobile and your template is in the Brine family, try temporarily disabling Ajax to see if that's causing the issue.
  • Ensure the Index Page slug and section's page slug are accurate. If you changed either of these, you'll need to update the anchor link manually.
¿Fue útil este artículo?
Usuarios a los que les pareció útil: 39 de 111
Adding Index Page anchor links