1000 FAQ, 500 tutoriales y vídeos explicativos. ¡Aquí sólo hay soluciones!
Administrar anclajes en Site Creator
Esta guía trata sobre Site Creator y la posibilidad de crear enlaces a anclas.
¿Qué es una ancla?
En diseño web, una ancla es un hipervínculo que apunta a una ubicación específica en una página web, ya sea en la misma página o en una diferente. Cuando un usuario hace clic en un enlace de anclaje, es redirigido a la ubicación especificada (generalmente, una marca invisible 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 a otra página. Mejoran la experiencia del usuario al proporcionar una forma eficiente de encontrar y acceder a información precisa.
Por ejemplo, hay una ancla (colocada de forma invisible) al final de este FAQ. Se llama "fin", por lo que el siguiente enlace simplemente contiene el destino #fin. Sin más indicaciones, un navegador web buscará este término en el código de la página y dirigirá al usuario hacia allí: haz clic aquí para llegar a él.
¿Cómo crear este tipo de enlace?
Por lo general, para crear un ancla en HTML, aquí está cómo proceder:
- Identifica la ubicación en tu página donde deseas crear un ancla (sección de texto, imagen u otro elemento).
- Usa la etiqueta
<a>
con el atributohref
para especificar el destino del ancla.- Si el destino está en la misma página, simplemente usa el ID del elemento (ver punto 3 a continuación)
<a href="#seccion1">Ir a la sección 1</a>
- Si el destino está en otra página, especifica la URL completa de la página, seguida del ID del elemento de destino (ver punto 3 a continuación)
<a href="pagina2.html#seccion1">Ir a la sección 1 de la página 2</a>
- Si el destino está en la misma página, simplemente usa el ID del elemento (ver punto 3 a continuación)
- En la sección de tu página donde deseas que los usuarios sean redirigidos, agrega un elemento con el ID correspondiente
<div id="seccion1"> <!-- Contenido de la sección 1 --></div>
Cuando los usuarios hacen clic en el enlace "Ir a la sección 1", la página se desplazará automáticamente a la sección con el ID "seccion1". Si el destino está en otra página, serán redirigidos a esa página, y el ancla funcionará de la misma manera.
¿Cómo hacerlo con Site Creator?
En Site Creator, el paso 3 anterior no es "libre": cada bloque ya tiene su ID (o hashtag) que debes especificar para enlazar a él.
Encontrar la referencia del bloque de destino
Para acceder a Site Creator:
- Inicia sesión en el Manager de Infomaniak (manager.infomaniak.com) desde un navegador web como Brave o Firefox.
- Haz clic en el icono en la esquina superior derecha de la interfaz (o navega a través del menú lateral izquierdo, por ejemplo).
- Selecciona Hébergement (universo Web y Dominio).
- Haz clic directamente en el nombre del objeto relevante en la tabla mostrada.
- Haz clic en Site Creator en el menú lateral izquierdo.
- Haz clic en Personnaliser mon site.
Una vez dentro de Site Creator:
- Coloca el puntero del ratón sobre el bloque de contenido que deseas editar y haz clic en el icono de la rueda dentada:
- Desplázate por la configuración hasta el final para obtener el ID del bloque:
Crear un enlace a la referencia del bloque
Para agregar un enlace a un texto en Site Creator, siendo el destino un bloque más abajo en la misma página:
- Selecciona el texto.
- Luego, haz clic en el icono de la cadena:
- Elija el tipo "Sección" para crear un enlace a una parte de la misma página eligiendo la referencia de bloque obtenida anteriormente:
otras posibilidades:- pon el enlace con el signo de libra (enlace a la misma página):
- Pon el nombre de la página seguido del ID:
- pon el enlace con el signo de libra (enlace a la misma página):