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 hipervínculo 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.
• Las anclas 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

Una ancla está situada (de manera invisible) al final de esta FAQ. Se llama "fin", por lo tanto, el siguiente enlace contiene simplemente el objetivo #fin 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 hasta el final de los parámetros 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 el destino del bloque ubicado más abajo en la misma página:

1. Seleccione un texto.
2. Luego, haga clic en el ícono de la cadena:
   
3. 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 de almohadilla (enlace a la misma página):
      
   2. Colocar el nombre de la página seguido del ID:
      

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