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

Résolu

agir54 Messages postés 4 Date d'inscription Statut Membre Dernière intervention -
agir54 Messages postés 4 Date d'inscription Statut Membre Dernière intervention - 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

A voir également:

Html sommaire cliquable
Sommaire word - Guide
Editeur html - Télécharger - HTML
Image cliquable html ✓ - Forum Réseaux sociaux
Comment insérer une image cliquable sur la page html? - Forum HTML
Exemple de sommaire rapport de stage - Guide

2 réponses

Réponse 1 / 2

elgazar Messages postés 5841 Date d'inscription Statut Membre Dernière intervention 1 326

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 Statut Membre Dernière intervention

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 Statut Membre Dernière intervention 1 326

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 Statut Membre Dernière intervention

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

Votre réponse

Discussions similaires