Questa guida riguarda Site Creator e la possibilità di creare collegamenti ad ancore.

Introduzione

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

Esempio di ancora

Un'ancora è posizionata (in modo invisibile) alla fine di una sezione FAQ. È denominata "end", quindi il seguente collegamento contiene semplicemente la destinazione #end e, senza ulteriori indicazioni, un browser web cercherà questo termine nel codice della pagina in cui ci si trova e dirigerà l'utente verso di esso: clicca qui per raggiungerla!

Come creare questo tipo di collegamento su Site Creator

In genere, per creare un'ancora in HTML, è necessario procedere in questo modo:

1. Identificare il punto nella pagina in cui si desidera creare un'ancora (sezione di testo, immagine o qualsiasi altro elemento).
2. Utilizza il tag <a> con l'attributo href per specificare la destinazione dell'ancora:
   1. se la destinazione è sulla stessa pagina, utilizza semplicemente l'ID dell'elemento (vedi punto 3 di seguito)
      <a href="#chapter1">Vai al capitolo 1</a>
   2. 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="page2.html#chapter1">Vai al capitolo 1 nella pagina 2</a>
3. Nella sezione della tua pagina in cui desideri che gli utenti vengano reindirizzati, aggiungi un elemento con l'ID corrispondente:
   <div id="chapter1"> &nbsp; </div>
    

Quando gli utenti fanno clic sul link "Vai al capitolo 1", la pagina scorrerà automaticamente fino alla sezione con l'ID "chapter1". Se la destinazione è su un'altra pagina, verranno reindirizzati a quella pagina e l'ancora funzionerà nello stesso modo.

Con Site Creator, il punto 3 di cui sopra non è "libero": ogni blocco ha già il suo ID (o hashtag) che dovrà essere indicato (o modificato in precedenza - vedi punto 3 di seguito) per collegare un link ad esso.

Trova il riferimento del blocco di destinazione

Accedi a Site Creator:

1. Clicca qui per accedere alla gestione del tuo prodotto sul Manager Infomaniak (hai bisogno di aiuto?).
2. Clicca direttamente sul nome assegnato al Site Creator in questione.
3. Clicca sul pulsante Modifica il mio sito per avviare l'editor:
   

Una volta all'interno di Site Creator:

1. Passa il mouse sul blocco di contenuto che desideri modificare e fai clic sull'icona a forma di ingranaggio:
   
2. Scorri le impostazioni fino alla fine per ottenere l'ID del blocco in questione:
   
3. Un doppio clic sul campo che indica l'ID consente di specificare un titolo personalizzato al posto dell'ID casuale:
   

Creare un collegamento alla sezione del blocco

Per aggiungere un collegamento a un testo in Site Creator, con come destinazione il blocco situato più in basso nella stessa pagina:

1. Seleziona un testo.
2. Fai clic sull'icona a forma di catena:
   
3. Nelle opzioni avanzate, scegli il tipo "Sezione" per creare un collegamento a una parte della stessa pagina, selezionando il riferimento del blocco ottenuto in precedenza:
   
   
   Altre possibilità:
   1. Inserire il collegamento con il simbolo cancelletto (collegamento alla stessa pagina):
      
   2. Inserire il nome della pagina seguito dall'ID (utile se si inserisce il collegamento a un'altra pagina del sito):
      

FINE DELLA PAGINA (e ancora posizionata su questo elemento) - clicca qui per tornare all'inizio della pagina…