Créer une table des matières en HTML sous WordPress

Résolu

agir54 Messages postés 5 Statut Membre -
agir54 Messages postés 5 Statut Membre - 1 févr. 2018 à 12:22

Bonjour,
Comment créer une table des matières.
Je suis néophyte en la matière...
Merci pour votre réponse.

Afficher la suite

2 réponses

Réponse 1 / 2

Meilleure réponse
La meilleure réponse est la réponse qui a été validée par nos équipes.
elgazar Messages postés 5776 Date d'inscription Statut Membre Dernière intervention 1 330
Bonjour

sans plus de précision, difficile de t'aider car une table des matières n'est qu'un menu donc il suffit de créer un menu soit en utilisant les 3 menus de wordpress (menu articles, pages, personnalisé) soit en le créant avec du html avec un simple code comme celui ci
```
<ul id="menu">
  <li><a href="#" title="aller à la section 1">item1</a></li>
  <li><a href="#" title="aller à la section 2">item2</a></li>
  <li><a href="#" title="aller à la section 3">item3</a></li>
  <li><a href="#" title="aller à la section 4">item4</a></li>
  <li><a href="#" title="aller à la section 5">item5</a></li>
</ul>
```
2
1. agir54 Messages postés 5 Statut Membre
  
  Bonjour Elgazar,
  
  Merci pour votre réponse rapide. J'ai appliqué rapidement votre proposition, mais je pense que la combinaison windows 10 et WordPress 4.9 n'est pas favorable.
  Malheureusement, cela ne fonctionne pas. J'ai remplacé "allez à la section 1" par mon texte et "item1" par l'endroit de ma page où se rendre. Lorsque je clique sur
  "aller à la section 1", dans mon cas "Pour les jeunes", il ne se passe rien et ne va pas à la section demandée par "item1".
  Merci pour votre patience.
  
  0
Réponse 2 / 2
elgazar Messages postés 5776 Date d'inscription Statut Membre Dernière intervention 1 330
A tu remplacé le # des href par #nomdetonancre qui doit évidemment correspondre a l'ancre de la zone d'arrivée ?

L'id est l'ancre vers laquelle tu dois faire pointer le lien , cela peut être n'importe quel élément comportant un id : div, paragraphe, image, etc

par exemple si tu as un titre h3 qui délimite les parties de ta page comme celui-ci
```
<h3 id="secondepartie">Seconde partie de la page </h3>
```
puis dans le menu, tu mets le nom de l'id dans le href et tu précise que c'est une ancre en ajoutant le # devant le nom
```
<li><a href=#secondepartie" title="aller à la seconde partie">Seconde partie de la page</a></li>
```
l'ancre peut être positionnée sur une autre page, par exemple si tu veux que le visiteur se déplace directement jusqu'à la seconde partie de la page suivante, le code du lien devra mentionné l'adresse de la seconde page puis l'ancre
```
<li><a href=www.monsite.com/masecondepage.html#secondepartiepage2" title="aller à la seconde partie de la seconde page">Seconde partie de la page 2</a></li>
```
2
1. agir54 Messages postés 5 Statut Membre
  
  Comme ça, ça va beaucoup mieux. Je te remercie infiniment. J'avance petit à petit. Bien à toi
  
  0

Créer une table des matières en HTML sous WordPress

2 réponses

Discussions similaires

Newsletters