Esta guía trata sobre Site Creator y la posibilidad de crear enlaces a anclas.

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 ancla, 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 hacia 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 forma 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

Normalmente, 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 destino del ancla:
   1. si el destino está en la misma página, use simplemente el ID del elemento (ver punto 3 a continuación)
      <a href="#chapter1">Go to chapter 1</a>
   2. si el destino está en otra página, especifique la URL completa de la página, seguida del ID del elemento destino (ver punto 3 a continuación)
      <a href="page2.html#chapter1">Go to chapter 1 on page 2</a>
3. En la sección de tu página donde deseas que los usuarios sean redirigidos, agrega un elemento con el ID correspondiente:
   <div id="chapter1"> &nbsp; </div>
    

Cuando los usuarios hacen clic en el enlace "Go to chapter 1", la página se desplazará automáticamente hasta la sección con el ID "chapter1". Si el destino 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

Accede 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 producto en cuestión.
3. Haga clic en Personalizar mi sitio:
   

Una vez en Site Creator:

1. Pase el ratón sobre el bloque de contenido que desea modificar y haga clic en el icono de 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 hacia 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. Luego, haga clic en el icono de la cadena:
   
3. Seleccione 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. Poner el enlace con el signo de almohadilla (enlace a la misma página):
      
   2. Poner 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 a la ancla situada al principio de la página…