1000 FAQ, 500 tutorial e video esplicativi. Qui ci sono delle soluzioni!
Gestisci gli ancoraggi su Site Creator
Questa guida riguarda Site Creator e la possibilità di creare collegamenti ad ancore.
Cosa è un'ancora?
Nel web design, un'ancora è un collegamento ipertestuale che punta a una posizione specifica su una pagina web, che sia sulla stessa pagina o su una diversa. Quando un utente fa clic su un collegamento ad un'ancora, viene reindirizzato alla posizione specificata (solitamente è una marcatura invisibile posta nel codice sorgente della pagina).
Le ancore sono utili per consentire agli utenti di navigare rapidamente verso sezioni specifiche di una pagina web o persino verso un'altra pagina. Migliorano l'esperienza dell'utente fornendo un modo efficiente per trovare e accedere a informazioni precise.
Ad esempio, alla fine di questa FAQ c'è un'ancora (posto in modo invisibile). Si chiama "fine", quindi il collegamento successivo contiene semplicemente la destinazione #fine. Senza ulteriori indicazioni, un browser web cercherà questo termine nel codice della pagina e indirizzerà l'utente lì: clicca qui per raggiungerlo!
Come creare questo tipo di collegamento?
Di solito, per creare un'ancora in HTML, ecco come procedere:
- Identifica il punto nella tua pagina in cui desideri creare un'ancora (sezione di testo, immagine o qualsiasi altro elemento).
- Usa il tag
<a>
con l'attributohref
per specificare la destinazione dell'ancora.- Se la destinazione è sulla stessa pagina, utilizza semplicemente l'ID dell'elemento (vedi punto 3 di seguito)
<a href="#sezione1">Vai alla sezione 1</a>
- Se la destinazione è su un'altra pagina, specifica l'URL completo della pagina, seguito dall'ID dell'elemento di destinazione (vedi punto 3 di seguito)
<a href="pagina2.html#sezione1">Vai alla sezione 1 della pagina 2</a>
- Se la destinazione è sulla stessa pagina, utilizza semplicemente l'ID dell'elemento (vedi punto 3 di seguito)
- Nella sezione della tua pagina in cui desideri che gli utenti vengano reindirizzati, aggiungi un elemento con l'ID corrispondente
<div id="sezione1"> <!-- Contenuto della sezione 1 --></div>
Quando gli utenti fanno clic sul collegamento "Vai alla sezione 1", la pagina scorrerà automaticamente fino alla sezione con l'ID "sezione1". Se la destinazione è su un'altra pagina, verranno reindirizzati a quella pagina e l'ancora funzionerà allo stesso modo.
Come farlo con Site Creator?
In Site Creator, il passaggio 3 sopra non è "libero": ogni blocco ha già il proprio ID (o hashtag) che è necessario specificare per collegarsi a esso.
Trovare il riferimento del blocco di destinazione
Per accedere a Site Creator:
- Esegui l'accesso al Manager di Infomaniak (manager.infomaniak.com) da un browser web come Brave o Firefox.
- Clicca sull'icona nell'angolo in alto a destra dell'interfaccia (oppure naviga tramite il menu laterale sinistro, ad esempio).
- Seleziona Hébergement (universo Web e Dominio).
- Clicca direttamente sul nome dell'oggetto rilevante nella tabella visualizzata.
- Clicca su Site Creator nel menu laterale sinistro.
- Clicca su Personnaliser mon site.
Una volta dentro Site Creator:
- Sposta il cursore del mouse sul blocco di contenuto che desideri modificare e clicca sull'icona a forma di ingranaggio:
- Scorri tra le impostazioni fino alla fine per ottenere l'ID del blocco:
Creare un collegamento al riferimento del blocco
Per aggiungere un collegamento al testo in Site Creator, con il blocco di destinazione situato più in basso nella stessa pagina:
- seleziona il testo
- quindi fare clic sull'icona del collegamento:
- scegliere la tipologia "Sezione" per creare un collegamento ad una parte della stessa pagina scegliendo il riferimento del blocco ottenuto sopra:
altre possibilità :- metti il link con il cancelletto (link alla stessa pagina):
- inserisci il nome della pagina seguito dall'ID:
- metti il link con il cancelletto (link alla stessa pagina):