L’indice dei contenuti

In questo articolo ti aiuterò a inserire l’indice dei contenuti all’interno del tuo sito, con WordPress, per ottimizzare la navigazione degli utenti all’interno di esso.

Cos’è l’indice dei contenuti ?

Esempio di indice con salti di pagina.

In editoria l’indice  dei contenuti è l’elenco ordinato dei titoli dei capitoli che formano il vostro articolo, pagina, o  libro.

La creazione di un indice faciliterà la navigazione all’interno dei tuoi contenuti, per crearne si dovrà aggiungere un salto di pagina, che permetterà all’utente di cliccare su una voce dell’indice, e saltare alla sezione desiderata.

Come creare un indice con i codici HTML.

Per creare un indice che ha come punto di partenza ha la parte iniziale di una pagina o articolo ,e come parte di destinazione i titoli dei paragrafi, devi :

• Accedere alla pagina o articolo in cui si vuoi inserire l’indice.
• Cliccare la voce “TESTO” per modificare il testo in modalità editore, i codici che visualizzerai sarà semplice HTML.
• Copia il tag qui sotto e incollalo  nella sezione testo del tuo articolo o pagina, nella posizione in cui vuoi posizionare l’indice.

<table class="aligncenter" style="background: #c0c0c0;" border="5" width="210">
<tbody>
<tr>
<td>
<h3 id="salto-pagina">Indice</h3>
<ul>
<li>
<h4><a href="#inizio">INSERISCI PRIMO TITOLO PARAGRAFO</a></h4>
</li>
<li>
<h4><a href="#inizio1">INSERISCI SECONDO TITOLO PARAGRAFO</a></h4>
</li>
<li style="text-align: left;">
<h4><a href="#inizio2">INSERISCI TERZO TITOLOPARAGRAFO</a></h4>
</li>
<li>
<h4><a href="#inizio3">INSERISCI QUARTO TITOLO PARAGRAFO</a></h4>
</li>
</ul>
</td>
</tr>
</tbody>
</table>

• Ora nella posizione in cui vuoi inserire i titoli dei paragrafi inserisci questo tag:

<h3 style="text-align: left;"><strong><a name="inizio"></a>INSERISCI IL TITOLO DEL PARAGRAFO UNO</strong></h3>

• Cambia il tag “inizio” nei titoli che si susseguono scrivendo “inizio1” ; nel successivo “inizio2” ecc.

<h3 style="text-align: left;"><strong><a name="inizio1"></a>INSERISCI IL TITOLO DEL PARAGRAFO DUE</strong></h3>

• Ora gli utenti che cliccano il titolo nell’indice potranno raggiungere direttamente  il paragrafo a cui sono interessati.

Come si aggiungono i salti di pagina con i codici HTML. 

I salti di pagina hanno lo scopo di riportare all’indice l’utente, cioè creare un collegamentocbe ha come punto di partenza il titolo del paragrafo e come parte di destinazione l’indice.

Per aggiungere i salti di pagina si deve :

• Accedere alla pagina o articolo in cui si vuole inserire l’indice.
• Cliccare la voce “TESTO” per modificare il testo in modalità editore, i codici che visualizzerai sarà semplice HTML.
• Aggiungere il TAG:

 <h3 id="salto-pagina">Indice</h3>

All’inizio  della pagina o articolo ,come mostrato in figura:

• Ora ritorna nella modalità “VISUALE” seleziona il titolo del paragrafo da collegare all’indice, e clicca “inserisci/modifica link” , però invece di inserire un URL inserisci un cancellato “#” seguito dall’ID che hai associato all’elemento inserito nel punto 1.

esempio di salto pagina

Conclusioni

Concludendo ora sarai in grado di creare all’interno delle tue pagine e articoli un indice che permetterà ai tuoi utenti di scegliere il paragrafo che preferiscono leggere.

Ultimo consiglio non aggiungere l’indice dei contenuti, valuta se possa essere utile.