Esta guía se refiere a Site Creator y la posibilidad de crear enlaces a anclajes.

Prólogo

• Un ancla en diseño web es un enlace hipertexto que apunta a una posición específica en una página web, ya sea en la misma página o en una página diferente.
  • Cuando un usuario hace clic en un enlace de anclaje, es redirigido al lugar especificado (en principio, una indicación invisible colocada en el código fuente) de la página.
• Los anclajes son útiles para permitir a los usuarios navegar rápidamente a secciones específicas de una página web o incluso de otra página.
  • Mejoran la experiencia del usuario proporcionando un medio eficaz para encontrar y acceder a información precisa.

Ejemplo de ancla

Un ancla está situada (de manera invisible) al final de la FAQ. Se llama "end", por lo tanto, el siguiente enlace contiene simplemente el objetivo #end y sin otra indicación, un navegador web buscará este término en el código de la página donde nos encontramos y dirigirá al usuario hacia él: haga clic aquí para alcanzarlo!

Crear este tipo de enlace en Site Creator

Habitualmente, para crear un ancla en HTML, así es como proceder:

1. Identifique el lugar en su página donde desea crear un ancla (sección de texto, imagen u otro elemento).
2. Utilice la etiqueta <a> con el atributo href para especificar el objetivo del ancla:
   1. si el objetivo está en la misma página, utilice simplemente el ID del elemento (ver punto 3 a continuación)
      <a href="#chapter1">Ir al capítulo 1</a>
   2. si el objetivo está en otra página, especifique la URL completa de la página, seguida del ID del elemento objetivo (ver punto 3 a continuación)
      <a href="page2.html#chapter1">Ir al capítulo 1 en la página 2</a>
3. En la sección de su página donde desea que los usuarios sean redirigidos, agregue un elemento con el ID correspondiente:
   <div id="chapter1"> &nbsp; </div>
    

Cuando los usuarios hacen clic en el enlace "Ir al capítulo 1", la página se desplazará automáticamente hasta la sección con el ID "chapter1". Si el objetivo está en otra página, serán redirigidos a esa página y el ancla funcionará de la misma manera.

Con Site Creator, el punto 3 anterior no es "libre": cada bloque ya tiene su ID (o hashtag) que deberá indicar (o modificar previamente - ver punto 3 a continuación) para hacer que un enlace apunte a él.

Encontrar la referencia del bloque de destino

Acceda a Site Creator:

1. Haga clic aquí para acceder a la gestión de su producto en el Manager Infomaniak (¿necesita ayuda?).
2. Haga clic directamente en el nombre asignado al Site Creator correspondiente.
3. Haga clic en el botón Editar mi sitio para iniciar el editor:
   

Una vez en Site Creator:

1. Pase el ratón sobre el bloque de contenido a modificar y haga clic en la rueda dentada:
   
2. Desplácese por los parámetros hasta el final para obtener el ID del bloque en cuestión:
   
3. Un doble clic en el campo que indica el ID permite especificar su propio título en lugar del ID aleatorio:
   

Crear un enlace a la referencia del bloque

Para agregar un enlace en el texto en Site Creator, con destino al bloque situado más abajo en la misma página:

1. Seleccione un texto.
2. Haga clic en el icono de la cadena:
   
3. En las opciones avanzadas, elija el tipo "Sección" para crear un enlace a una parte de la misma página eligiendo la referencia del bloque obtenida anteriormente:
   
   
   Otras posibilidades:
   1. Colocar el enlace con el signo diésis (enlace a la misma página):
      
   2. Colocar el nombre de la página seguido del ID (útil si coloca el enlace en otra página del sitio):
      

FIN DE LA PÁGINA (y ancla colocada en este elemento) - haga clic aquí para volver a la ancla situada al principio de la página…