Questa guida riguarda Site Creator e la possibilità di creare link verso ancore.

Premessa

• Un'ancora nel web design è un collegamento ipertestuale che punta verso una posizione specifica su una pagina web, sia essa sulla stessa pagina o su una pagina diversa. Quando un utente clicca su un link di ancoraggio, viene reindirizzato al punto specificato (in linea di principio un'indicazione invisibile inserita nel codice sorgente) della pagina.
• Gli ancoraggi sono utili per permettere 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 è situata (in modo invisibile) in fondo a questa FAQ. È chiamata "fin", quindi il link seguente contiene semplicemente il target #fin e, senza ulteriori 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

Normalmente, per creare un'ancora in HTML, ecco come fare:

1. Identifica il punto della tua pagina dove desideri creare un'ancora (sezione di testo, immagine o qualsiasi altro elemento).
2. Utilizzare il tag <a> con l'attributo href per specificare il target dell'ancora:
   1. se il target è sulla stessa pagina, utilizzare semplicemente l'ID dell'elemento (vedi punto 3 qui sotto)
      <a href="#chapter1">Go to chapter 1</a>
   2. se il target è su un'altra pagina, specificare l'URL completa della pagina, seguita dall'ID dell'elemento target (vedi punto 3 qui sotto)
      <a href="page2.html#chapter1">Go to chapter 1 on page 2</a>
3. Nella sezione della tua pagina dove desideri che gli utenti vengano reindirizzati, aggiungi un elemento con l'ID corrispondente:
   <div id="chapter1"> &nbsp; </div>
    

Quando gli utenti cliccano sul link "Go to chapter 1", la pagina scrollerà automaticamente fino alla sezione con l'ID "chapter1". Se il target è su un'altra pagina, verranno reindirizzati a quella pagina e l'ancora funzionerà allo stesso modo.

Con Site Creator, il punto 3 sopra non è "libero": ogni blocco ha già il suo ID (o hashtag) che dovrà essere indicato (o modificato in precedenza - vedere punto 3 sotto) per far puntare un link su di esso.

Trova il riferimento del bloc di destinazione

Accedi a Site Creator:

1. Clicca qui per accedere alla gestione del tuo prodotto su Manager Infomaniak (hai bisogno di aiuto?).
2. Fai clic direttamente sul nome attribuito al prodotto in questione.
3. Fai clic su Personalizza il mio sito:
   

Una volta in Site Creator:

1. Passate il mouse sul bloc di contenuto da modificare e cliccate sull'icona dell'ingranaggio:
   
2. Scorrete i parametri fino alla fine per ottenere l'ID del blocco in questione:
   
3. Un doppio clic sul campo che indica l'ID consente di specificare il proprio titolo al posto dell'ID casuale:
   

Crea un link verso il riferimento del blocco

Per aggiungere un link su del testo in Site Creator, con destinazione il blocco situato più in basso sulla stessa pagina:

1. Seleziona un testo.
2. Fai clic sull'icona della catena:
   
3. Scegli il tipo "Sezione" per creare un link a una parte della stessa pagina selezionando il riferimento del blocco ottenuto sopra:
   
   
   Altre possibilità:
   1. Inserire il link con il simbolo cancelletto (link alla stessa pagina):
      
   2. Inserire il nome della pagina seguito dall'ID:
      

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