Gestire le ancore su Site Creator

Questa guida riguardaSito Creator e la possibilità di creare collegamenti a ancore.

Preambolo

• Un'ancora nel web design è un collegamento ipertestuale che punta a una posizione specifica su una pagina web, sia nella stessa pagina che in una pagina diversa. Quando un utente fa clic su un collegamento di ancoraggio, viene reindirizzato alla posizione specificata (in linea di principio un'indicazione invisibile inserita nel codice sorgente) della pagina.
• Le ancore sono utili per consentire agli utenti di navigare rapidamente in sezioni specifiche di una pagina Web o anche di un'altra pagina. Migliorano l'esperienza dell'utente fornendo un modo efficace per trovare e accedere a informazioni accurate.

Esempio di ancoraggio

Un'ancora si trova (in modo invisibile) nella parte inferiore di questa FAQ. Si chiama "fine", quindi il seguente link contiene semplicemente l'obiettivo fine e senza altre indicazioni, un browser web cercherà questo termine nel codice della pagina in cui ci si trova e dirigerà l'utente su di esso: clicca qui per raggiungerlo !

Creare questo tipo di link su Site Creator

Di solito, per creare un ancoraggio in HTML, ecco come procedere:

1. Identificare la posizione sulla pagina in cui si desidera creare un'ancora (sezione di testo, immagine o qualsiasi altro elemento).
2. Usa il tag <a> con l'attributo href per specificare il bersaglio dell'ancora:
   1. se l'obiettivo è sulla stessa pagina, utilizzare semplicemente l'ID dell'elemento (vedi punto 3 di seguito)
      <a href="#section1">Aller à la section 1</a>
   2. se l'obiettivo è su un'altra pagina, specificare l'URL completo della pagina, seguito dall'ID dell'elemento di destinazione (vedi punto 3 di seguito)
      <a href="page2.html#section1">Aller à la section 1 de la page 2</a>
3. Nella sezione della pagina in cui desideri che gli utenti vengano reindirizzati, aggiungi un elemento con l'ID corrispondente:
   <div id="section1"> <!-- Le contenu de la section 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 l'obiettivo è su un'altra pagina, verranno reindirizzati a questa pagina e l'ancora funzionerà allo stesso modo.

Con Site Creator, il punto 3 di cui sopra non è "libero": ogni blocco ha già il suo ID (o hashtag) che sarà necessario indicare (o modificare in anticipo - vedi punto 3 di seguito) per far puntare un link su di esso.

Trovare il riferimento del blocco di destinazione

Vai a Site Creator:

1. Clicca qui per accedere alla gestione del prodotto sul Manager Infomaniak (Hai bisogno di aiuto?).
2. Clicca direttamente sul nomeattribuito al prodotto in questione.
3. Clicca su Personalizza il mio sito:
   

Una volta in Site Creator:

1. Sorvolare il blocco di contenuto da modificare e fare clic sulla ruota dentata:
   
2. Scorrere le impostazioni fino alla fine per ottenere l'ID del blocco in questione:
   
3. Un Fare doppio clic sul campo che indica l'ID consente di specificare il proprio titolo al posto dell'ID casuale:
   

Creare un collegamento al riferimento del blocco

Per Aggiungere un link sul testo in Site Creator, con come destinazione il blocco che si trova più in basso nella stessa pagina:

1. Selezionare un testo.
2. Fare clic sull'icona del Chainon:
   
3. Scegli il tipo "Sezione" per creare un collegamento a una parte della stessa pagina scegliendo il riferimento del blocco ottenuto sopra:
   
   
   A Altre possibilità:
   1. Collegare il segno diesis (link alla stessa pagina):
      
   2. Inserire il nome della pagina seguita dall'ID:
      

Fine della PAGINA (e ancora posta su questo elemento) - clicca qui per risalire all'ancora situata all'inizio della pagina...