Gestionar anclas en Sitio Creator

Esta guía se refiere a:Sitio Creator y la posibilidad de crear enlaces a anclas.

Preámbulo

• Un ancla de diseño web es un enlace de 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, se redirecciona al lugar especificado (en principio una indicación invisible colocada en el código fuente) de la página.
• Los anclas son útiles para que los usuarios puedan navegar rápidamente a secciones específicas de una página web o incluso de otra página. Mejoran la experiencia de usuario proporcionando una manera eficaz de encontrar y acceder a información precisa.

Ejemplo de ancla

Un ancla se encuentra (de manera invisible) en la parte inferior de esta FAQ. Se llama "fin," por lo que el siguiente enlace contiene simplemente el objetivo #fin y sin ninguna otra indicación, un navegador web buscará este término en el código de la página donde se encuentra y dirigir al usuario en él: Haga clic aquí para llegar a él !

Crear este tipo de enlace en Sitio Creator

Por lo general, para crear un ancla HTML, aquí es cómo proceder:

1. Identifique el lugar en su página donde desea crear un ancla (sección de texto, imagen o cualquier otro elemento).
2. Utilice la baliza <a> con el atributo href para especificar el objetivo del ancla:
   1. Si el objetivo está en la misma página, simplemente utilice el ID del elemento (véase el punto 3 más abajo)
      <a href="#section1">Aller à la section 1</a>
   2. Si el objetivo está en otra página, especifique la URL completa de la página, seguida del ID del elemento de destino (véase el punto 3 más abajo).
      <a href="page2.html#section1">Aller à la section 1 de la page 2</a>
3. En la sección de su página donde desea que los usuarios sean redireccionados, añada un elemento con el ID correspondiente:
   <div id="section1"> <!-- Le contenu de la section 1 --></div>
    

Cuando los usuarios hagan clic en el enlace "Ir a la sección 1," la página se moverá automáticamente hasta la sección con el ID "sección 1." Si el objetivo está en otra página, serán redirigidos a esta página y el ancla funcionará de la misma manera.

Con Sitio Creator, el punto 3 no es "libre": cada bloque ya posee su ID (o hashtag) que deberá indicarse (o modificar previamente - véase el punto 3 más abajo) para que se señale un enlace.

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 (¿Necesitas ayuda?).
2. Haga clic directamente sobre el nombreasignado al producto afectado.
3. Haga clic en Personalizar mi sitio:
   

Una vez en Site Creator:

1. Volar sobre el bloque de contenido a modificar y hacer clic en la rueda dentada:
   
2. Desplace la configuración hasta el final para obtener el ID del bloque en cuestión:
   
3. Uno 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 añadir un enlace en texto en Sitio Creator, con como destino el bloque situado más abajo en la misma página:

1. Seleccione un texto.
2. A continuación, haga clic en el icono del Canal:
   
3. Elija el tipo "Sección" para crear un enlace a una parte de la misma página eligiendo la referencia del bloque anterior:
   
   
   A utres possibilités:
   1. Ponga el enlace con el signo diesis (enlace a la misma página):
      
   2. Ponga el nombre de la página seguida del ID:
      

FIN DE LA PÁGINA (y ancla colocada en este elemento) - Haga clic aquí para subir en el ancla situado al principio de la página...