Compatibilità:

WebSite X5 Evo e Pro


A volte può essere utile impostare dei collegamenti che, facendo scorrere la Pagina corrente o aprendo una nuova Pagina, portano immediatamente in primo piano un particolare contenuto. Questi sono tutti collegamenti ad Ancore. 


Cos'è un’ancora

L'Ancora è semplicemente un riferimento che serve per identificare la posizione di un Oggetto all'interno della Pagina: come anticipato, viene utilizzata per impostare collegamenti diretti all'Oggetto stesso da un qualsiasi altro punto del Sito.


In WebSite X5 non ci sono limiti al numero di Ancore inseribili in una Pagina: in linea teorica, puoi associare un'Ancora a ognuno degli Oggetti presenti. Per lavorare agevolmente ti consigliamo di:

  • assegnare un'Ancora ad un Oggetto solo se è necessario;
  • dare alle Ancore dei nomi significativi così riuscirai a identificarle più facilmente.


Creare un sommario di pagina attraverso le Ancore

Come esempio, puoi impiegare il collegamento con Ancora per creare un breve sommario che l’utente potrà usare per saltare ai contenuti presentati, uno dopo l'altro, nel seguito della Pagina stessa:


  • Al Passo 4 - Pagine crea la Pagina inserendo gli Oggetti necessari per presentare tutti i contenuti: prevedi un Oggetto Testo iniziale per il sommario (riga 1) e un Oggetto Testo per ogni contenuto da collegare alle diversi voci del sommario (righe 2, 3 e 4).
  • Sulla Griglia di impaginazione, seleziona l'Oggetto Testo relativo al primo contenuto (nella riga 2) e cliccare sul pulsante in modo da assegnargli un'Ancora: dai un nome all'Ancora attraverso la finestra richiamata.
  • Allo stesso modo, assegna un'Ancora a ogni altro Oggetto Testo relativo ai contenuti da richiamare (nelle righe 3 e 4), avendo cura di dare dei nomi diversi e significativi.
  • Fai doppio click sull'Oggetto Testo relativo al sommario iniziale (nella riga 1) in modo da aprirlo nell'editor.  
  • Seleziona la prima voce del sommario e clicca sul pulsante  in modo da richiamare la finestra Collegamento.
  • Scegli l'azione Pagina del Sito, clicca sul pulsante  per visualizzare la Mappa e seleziona la Pagina stessa sulla quale stai lavorando. 
  • Clicca sul campo Ancora interna alla Pagina in modo da visualizzare quelle disponibili e seleziona l'Ancora che identifica il contenuto relativo alla voce del sommario che stai creando (quello presente nella riga 2).
  • Ripeti gli ultimi passaggi in modo da creare un collegamento su tutte le voci del sommario.


Puoi perfezionare la navigazione inserendo al termine di ogni blocco di contenuto un link per tornare velocemente al sommario all'inizio della Pagina:

  • Tramite il pulsante  assegna un'Ancora anche all'Oggetto Testo relativo al sommario iniziale (nella riga 1).
  • Apri nell'editor l'Oggetto Testo relativo al primo blocco di contenuto (nella riga 2) e aggiungi al fondo una scritta come: "Torna all'inizio".
  • Seleziona la voce "Torna all'inizio" e clicca sul pulsante  in modo da impostare un collegamento con la Pagina, avendo cura di specificare l'Ancora associata al sommario.
  • Ripeti l'operazione in modo da inserire la voce attiva "Torna all'inizio" al termine di tutti i blocchi di contenuto (nelle righe 3 e 4).


Al posto della voce "Torna all'inizio" puoi prevedere un pulsante grafico: puoi crearlo o inserendo un'immagine direttamente all'interno dell'Oggetto Testo o utilizzando un Oggetto Immagine (con il vantaggio di poter sfruttare gli effetti di mouseover): in qualsiasi caso la procedura per la creazione del collegamento non cambia.


Creare e collegare un’Ancora via codice

Se hai l'esigenza di posizionare un'Ancora non all'inizio di un Oggetto ma al suo interno, per esempio in corrispondenza di un certo paragrafo di un Oggetto Testo, puoi agire in due modi diversi:

  1. Puoi dividere l'Oggetto Testo originario, in due diversi Oggetti Testo in modo da poter associare un'Ancora al secondo.
  2. Puoi creare manualmente un'Ancora all'interno dell'Oggetto Testo.


Per creare un’Ancora via codice devi procedere in questo modo:

  • Apri l'Oggetto Testo nell'editor e clicca sul pulsante  in modo da attivare il riconoscimento del codice HTML.
  • Posiziona il cursore nel punto in cui vuoi inserire l'Ancora e digita: 
<A NAME="nome_ancora">&nbsp; </A>

Ovviamente al posto di "nome_ancora" devi scrivere il nome che vuoi realmente dare all'Ancora. Nell'esempio "&nbsp;" identifica uno spazio vuoto introdotto con lo scopo di fornire un contenuto per il tag.


Quando imposti il collegamento che punta a un'Ancora, ricorda che le Ancore create manualmente non vengono riprese nell'elenco proposto dall'opzione Ancora interna alla Pagina della finestra Collegamento. Per questo motivo, per impostare un link a un’Ancora creata via codice devi:

  • Nella finestra Collegamento selezionare l'azione File o URL.
  • Nel campo File su Internet digitare: 
#nome_ancora

Ovviamente al posto di "nome_ancora" devi scrivere il nome dato all'Ancora.