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

Résolu/Fermé

agir54 Messages postés 4 Date d'inscription mercredi 31 janvier 2018 Statut Membre Dernière intervention 1 février 2018 - 31 janv. 2018 à 11:29
agir54 Messages postés 4 Date d'inscription mercredi 31 janvier 2018 Statut Membre Dernière intervention 1 février 2018 - 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.

A voir également:

Html sommaire cliquable
Sommaire word - Guide
Image cliquable html ✓ - Forum Réseaux sociaux
Editeur html - Télécharger - HTML
Comment insérer une image cliquable sur la page html? - Forum HTML
HTML 5 : Remplacer lien par image cliquable ✓ - Forum HTML

2 réponses

Réponse 1 / 2

elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 1 324
31 janv. 2018 à 11:34

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>

agir54 Messages postés 4 Date d'inscription mercredi 31 janvier 2018 Statut Membre Dernière intervention 1 février 2018
1 févr. 2018 à 09:48

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.

Réponse 2 / 2

elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 1 324
1 févr. 2018 à 11:11

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>

agir54 Messages postés 4 Date d'inscription mercredi 31 janvier 2018 Statut Membre Dernière intervention 1 février 2018
1 févr. 2018 à 12:22

Comme ça, ça va beaucoup mieux. Je te remercie infiniment. J'avance petit à petit. Bien à toi

Discussions similaires

Mauvaise gestion de ma table des matière

Table des matières interactive : non visible dans le Pdf ?

table des matières et table des annexes

Problème de table des matières

Mise à jour de la table des matières - LibreOffice Writer

Table des matières: création impossible malgré définition de styles