Guide › Link àncora

 

Negli ultimi tempi si è diffusa la moda dei siti web “one-page”, ossia siti che hanno tutti i contenuti in una sola pagina molto lunga. In questi siti, e talvolta anche in altri casi, è utile fornire al visitatore un menu che rimandi a parti specifiche della pagina, più in alto o più in basso, utilizzando i cosiddetti “link àncora”. Per realizzarli occorre maneggiare qualche riga di html, ma non è niente di troppo difficile. Se vuoi un esempio, clicca qui per andare a fondo pagina.

 

 

Per prima cosa, creiamo un Widget/HTML subito sopra al punto della pagina in cui vogliamo rimandare mandare l’utente, ad esempio a una sezione più in basso nella pagina.

Possiamo creare diverse ancore modificando il numero 1, andando a incrementarlo. Nota che l’id dell’àncora può contenere solo lettere non accentate e numeri, quindi niente spazi o caratteri speciali.

 

Widget/html
<div id="ancora1">&nsbp;</div>

 

 

A questo punto creiamo il link di rimando tramite un altro modulo Widget/HTML.

Il gioco è fatto.

 

Widget/html
<a href="#ancora1">Testo</a>