Catégories
Espace client
Guider le visiteur avec un menu qui suit la page et un sommaire des pages longues
Extension pour le CMS WordPress
Votre menu WordPress devient une navigation qui s'adapte à la page visitée, sans que vous l'entreteniez rubrique par rubrique. Vos pages longues gagnent en plus un sommaire cliquable qui suit la lecture du visiteur.
Menu dynamique pour WordPress
Dynamic Navigation ajoute à votre site deux composants de navigation contextuelle, pensés pour les sites riches en contenu : une navigation dynamique construite à partir d’un menu WordPress, et un sommaire dynamique généré automatiquement depuis les titres de la page en cours. Chaque composant est disponible à la fois sous forme de shortcode et de module Divi 5.
Navigation Dynamique
Affichez n’importe quel menu WordPress sous forme d’arborescence hiérarchique. Le lien correspondant à la page visitée est mis en évidence automatiquement, et vous cessez d’entretenir un menu latéral à la main sur chaque page.
- Affichage en liste ou en cartes : en mode cartes, chaque entrée devient une boîte entièrement cliquable, empilée ou côte à côte, dont vous réglez la hauteur, les marges, le rayon, le fond, la bordure et l’effet au survol.
- Une image par entrée de menu, choisie dans votre médiathèque : vignette à côté du libellé en mode liste, fond de carte en mode cartes. Une image de repli couvre les entrées sans visuel.
- Navigation accordéon : les sous-rubriques se déplient au clic, par un bouton distinct du lien — le lien continue de mener à sa page.
- Masquage des pages sœurs par niveau : n’affichez que le chemin menant à la page visitée pour alléger les menus très fournis.
- Personnalisation complète : titre, couleurs, tailles, graisse, alignement, puces du niveau 1 et des sous-niveaux, pictogramme de dépliage — le tout avec un aperçu en direct dans le back-office.
- Cache intelligent : le rendu du menu est mis en cache et purgé automatiquement à chaque modification de contenu ou de menu.
Plusieurs affichages sur un même site
Les réglages du back-office donnent l’apparence par défaut. Quand une page demande autre chose — un menu différent, des cartes plutôt qu’une liste, d’autres couleurs —, le générateur de l’onglet Navigation dynamique transforme la configuration que vous voyez à l’écran en shortcode prêt à coller.
Vous pouvez enregistrer ces configurations sous un nom et les rappeler par [oaka_nav_summary preset= »ma-config »]. L’intérêt est de pouvoir les modifier après coup : un shortcode copié est figé le jour où on le colle, une configuration nommée reste modifiable depuis le back-office, et toutes les pages qui l’utilisent suivent.
Sommaire Dynamique
Générez une table des matières à partir des titres (H2, H3…) présents dans votre contenu. Le lien correspondant à la section visible est mis en évidence en temps réel au fil du défilement.
- Niveaux de titres configurables, avec sélection contiguë (ex. H2 + H3).
- Zone de contenu ciblable : indiquez les sélecteurs CSS à analyser, en mode « premier résultat uniquement » ou « tous les résultats ».
- Apparence ajustable : couleurs, bordure, ombre et rayon de coin, avec prévisualisation live dans le back-office.
- Multi-instance sur la même page sans conflit de styles.
Intégration
Les deux composants s’utilisent via les shortcodes [oaka_nav_summary] et [oaka_summary_anchor], ou via les modules Navigation Dynamique et Sommaire Dynamique du Visual Builder Divi 5 (dossier oaka). Un fichier de surcharge CSS, copiable dans le thème enfant en un clic, permet aux intégrateurs de personnaliser finement chaque élément sans craindre les mises à jour. Toutes les options sont accessibles depuis le menu oaka › Dynamic Navigation de votre tableau de bord.

Les formules de l'extension Menu dynamique
Formule Essentiel
Affichez votre menu WordPress de façon contextuelle : les sous-niveaux s'ouvrent selon la page visitée et le lien actif est mis en évidence. Le visiteur voit d'un coup d'œil la branche où il se trouve, et vous cessez de maintenir des menus latéraux à la main page après page. Disponible en shortcode comme en module Divi 5, avec une personnalisation visuelle complète.
- Navigation contextuelle : shortcode [oaka_nav_summary] et module Divi 5
- Personnalisation visuelle complète : titre, liens, puces, tailles, couleurs
- Affichage en liste ou en cartes : chaque entrée devient une boîte entièrement cliquable, empilée ou côte à côte
- Image par élément de menu, choisie dans votre médiathèque : vignette en liste, fond de carte en cartes
- Générateur de shortcodes : la configuration affichée se transforme en shortcode, et se garde sous un nom réutilisable par preset="…"
- Feuille CSS personnalisable, surchargeable depuis votre thème enfant
- Purge automatique du cache à chaque modification de contenu ou de menu
Formule Pro
Vos pages longues se lisent jusqu'au bout : un sommaire cliquable se construit automatiquement à partir de vos titres et suit la lecture du visiteur. Vous pilotez aussi l'affichage des liens selon votre propre logique métier — rôle, cookie, langue, taxonomie — et vous tenez la charge sur un site à forte audience.
- Sommaire automatique avec suivi de lecture : shortcode et module Divi 5
- Navigation accordéon : les sous-niveaux se déplient au clic
- Affichage conditionnel des liens selon votre logique métier
- Cache segmenté pour les sites à forte audience, transparent pour les administrateurs
- Inclut tout le périmètre Essentiel
Acheter l'extension WordPress
39,00 € – 59,00 €Plage de prix : 39,00 € à 59,00 € HT
39,00 € – 59,00 €Plage de prix : 39,00 € à 59,00 € HT
Utilisez cet extension sur une période d'une année ainsi que des mises à jour fonctionnelles et techniques. De nouvelles fonctionnalités pourront apparaitre que vous pourrez bénéficier sans surcoût. Reconduction nécessaire à la fin de la période.
Comment afficher la navigation dynamique sur mon site ?
Insérez le shortcode [oaka_nav_summary] dans une page, un article ou un widget. Le menu et le titre affichés sont ceux configurés dans l’onglet Navigation dynamique du plugin. Vous pouvez cibler un autre menu avec le paramètre menu : [oaka_nav_summary menu= »mon-menu »].
Comment activer les modules Divi 5 ?
Le thème Divi (ou un thème enfant Divi) doit être actif. Cochez ensuite l’option « Activer le module Divi 5 » dans l’onglet Navigation dynamique (Navigation Dynamique) ou dans l’onglet Sommaire dynamique (Sommaire Dynamique), puis rechargez le Visual Builder : les modules apparaissent dans le dossier oaka de la bibliothèque de modules.
Le sommaire est vide, pourquoi ?
Le sommaire analyse les titres (H2, H3…) présents dans le contenu de la page. Vérifiez que votre contenu contient de vrais titres (et non des paragraphes stylisés), que les niveaux configurés dans l’onglet Sommaire dynamique correspondent, et que la fonctionnalité est bien activée. Le sommaire dynamique relève de la formule Pro : avec une licence Essentiel, l’onglet est grisé et le shortcode n’affiche rien.
Comment changer le titre affiché au-dessus du sommaire ?
Dans l’onglet Sommaire dynamique, partie Design, le champ Titre du sommaire est prérempli avec « Sommaire ». Saisissez le texte de votre choix, ou videz le champ pour n’afficher aucun titre. L’aperçu de droite suit votre saisie.
Comment afficher deux navigations différentes sur le même site ?
Réglez l’apparence voulue dans l’onglet Navigation dynamique, puis utilisez le générateur situé sous l’aperçu : il compose un shortcode portant cette configuration. Donnez-lui un nom pour l’enregistrer, et rappelez-le ensuite par [oaka_nav_summary preset= »mon-nom »]. Vous pouvez enregistrer autant de configurations que nécessaire et les modifier plus tard : les pages qui les utilisent suivent, contrairement à un shortcode copié une fois pour toutes.
Comment mettre une image sur une entrée de menu ?
Cochez d’abord « Enable an image field on menu items » dans l’onglet Navigation dynamique. Un champ image apparaît alors sur chaque entrée dans Apparence › Menus, où vous choisissez un fichier de votre médiathèque. L’image s’affiche en vignette à côté du libellé, ou en fond de carte si vous avez retenu l’affichage en cartes.
Peut-on utiliser les modules Divi et les shortcodes sur la même page ?
Oui. Les styles des modules Divi sont isolés par classe d’instance et n’entrent pas en conflit avec les styles du shortcode. Les deux composants peuvent coexister sur la même page.
Comment personnaliser l’apparence au-delà des options proposées ?
Activez l’option « CSS personnalisable » dans l’onglet Navigation dynamique puis copiez le fichier de surcharge dans votre thème enfant d’un clic. Chaque sélecteur du rendu public y est documenté avec ses propriétés en commentaire : décommentez et ajustez, vos modifications survivront aux mises à jour du plugin.
Vous pouvez suivre les instructions de cet article pour installer un plugin WordPress. En cas de besoin, prenez contact avec le support de l’agence oaka : support@oaka.fr
Version 1.5.0.14 — 2026-09-07
- Mise à jour du socle commun en version 14 : le curseur de réglage s’initialise par instance, ce qui débloque les onglets qui en portent plusieurs et permet à chacun ses propres bornes et son unité.
- Trois refus de validation du générateur de shortcodes laissent désormais une trace dans les journaux (nom vide, nom réservé, contenu qui n’est pas un shortcode) : l’écran affichait un message, le journal restait muet.
Version 1.5.0.13 — 2026-09-05
- Nouveauté : votre menu peut s’afficher en cartes. Chaque entrée devient une boîte entièrement cliquable, empilée ou côte à côte, dont vous réglez la hauteur, les marges, le rayon, le fond, la bordure et l’effet au survol.
- Nouveauté : vous pouvez associer une image à chaque entrée de menu, choisie dans votre médiathèque, depuis l’écran Apparence › Menus. Elle s’affiche en vignette à côté du libellé, ou en fond de carte.
- Nouveauté : le bouton de dépliage des sous-rubriques est désormais séparé du lien. Cliquer sur le libellé mène à la page, cliquer sur la flèche ouvre la branche. Six pictogrammes au choix, avec leur taille, leur position et leurs couleurs.
- Nouveauté : un générateur transforme la configuration que vous voyez à l’écran en shortcode. Vous pouvez enregistrer vos configurations sous un nom et les rappeler par preset, ce qui permet de les modifier après les avoir collées dans vos pages.
- Amélioration : l’alignement du texte, la graisse des liens et le marqueur des sous-niveaux sont réglables.
- Amélioration : les puces prennent la couleur du texte auquel elles appartiennent, y compris au survol et sur le lien de la page en cours.
- Correction : une modification d’apparence est visible immédiatement. Votre navigateur ne conserve plus l’ancienne feuille de style jusqu’à la mise à jour suivante.
- Correction : le texte du lien actif du sommaire s’adapte à la couleur de fond choisie. Il était blanc quelle que soit cette couleur, et devenait illisible sur les fonds clairs.
- Correction : quitter le mode éditeur de shortcode remet le formulaire dans l’état enregistré. Les essais de composition ne peuvent plus être enregistrés comme réglages du site par mégarde.
Version 1.5.0.12 — 2026-08-25
- Nouveauté : un raccourci « Nav dynamique » s’ajoute au menu Apparence, juste sous Menus. Après avoir modifié un menu WordPress, vous réglez son affichage sans ressortir du menu Apparence.
- Nouveauté : trois styles de puces en flèche s’ajoutent au module Navigation Dynamique du Visual Builder, aux deux niveaux de la navigation. Ils s’affichaient déjà sur le site mais n’étaient pas proposés dans le builder.
- Nouveauté : votre configuration est sauvegardée automatiquement avant chaque import, et les dernières sauvegardes restent disponibles depuis l’onglet Export/Import.
- Sécurité : les pages de réglages ne chargent plus aucune ressource depuis un serveur tiers. Votre adresse IP d’administrateur ne quitte plus votre site, et les réglages restent pleinement fonctionnels même sans accès à Internet.
- Amélioration : vérification des mises à jour plus fiable, et onglet Licence remanié pour indiquer clairement jusqu’à quand vous recevez les nouvelles versions.
- Correction : deux descriptions de réglage du module Divi ne disaient pas la même chose que sur le site ; elles sont désormais identiques.
- Correction : un avertissement PHP apparaissait sur les hébergements en PHP 8.4.
Version 1.5.0.11 — 2026-08-20
- Nouveauté : le titre affiché au-dessus du sommaire dynamique est désormais modifiable, dans la partie Design de l’onglet Sommaire dynamique. Le laisser vide n’affiche aucun titre.
- Nouveauté : la partie Design de l’onglet Navigation dynamique dispose d’un aperçu en direct — titre, couleurs, tailles et puces se visualisent avant d’enregistrer.
- Formules : la navigation contextuelle relève de la formule Essentiel ; le sommaire dynamique et la navigation accordéon relèvent de la formule Pro.
- Amélioration : le menu et les onglets du back-office portent des libellés français plus clairs, et l’onglet Export/Import est accessible dès la formule Essentiel.
- Correction : l’espacement au-dessus de la partie Contenu de l’onglet Sommaire dynamique était trop faible, ce qui la faisait lire comme la suite de la partie précédente.
- Correction : l’avertissement « cette extension n’a pas été testée avec votre version de WordPress » ne s’affiche plus à tort.
Version 1.4.0.10 — 2026-07-16
- Ajustements mineurs et compatibilité WordPress
Version 1.4.0.9 — 2026-06-16
- Nouveauté : mode d’analyse des sélecteurs CSS du sommaire — « Premier résultat uniquement » ou « Tous les résultats » (fusion des titres de toutes les zones correspondantes)
Version 1.3.0.9 — 2026-06-03
- Nouveauté : navigation accordéon — les sous-rubriques se déplient au clic, la branche de la page en cours s’ouvre automatiquement
- Nouveauté : masquage des pages sœurs par niveau — n’affichez que le chemin menant à la page visitée
Version 1.2.1.9 — 2026-05-17
- Ajustements mineurs et compatibilité WordPress
Version 1.2.0.9 — 2026-05-16
- Ajustements mineurs et compatibilité WordPress
Version 1.2.0.6 — 2026-05-13
- Nouveauté : module Divi 5 Sommaire Dynamique — sommaire généré depuis les titres de la page, avec mise en évidence de la section en cours de lecture
- Nouveauté : onglet Design du module (couleurs de fond des liens et du lien actif) et prévisualisation live dans le back-office
- Corrections d’affichage du module Sommaire Dynamique (espacements, couleur du lien actif)
Version 1.1.0.6 — 2026-05-12
- Nouveauté : première version du Sommaire Dynamique (shortcode)
Version 1.0.0.6 — 2026-05-05
- Version initiale : navigation dynamique contextuelle par menu WordPress (shortcode et module Divi 5), personnalisation des styles depuis le back-office, cache intelligent, CSS personnalisable via thème enfant
Menu dynamique
39,00 € – 59,00 €Plage de prix : 39,00 € à 59,00 € HT
Utilisez cet extension sur une période d'une année ainsi que des mises à jour fonctionnelles et techniques. Reconduction nécessaire à la fin de la période.
A propos
- 9Nom : Menu dynamique
- 9Mise à jour : 08 septembre 2026 01h09
- 9Version actuelle : 1.5.0.14
- 9WordPress testé : 7.1.1
- 9Traduction : FR et EN
- 9Auteur : agence oaka
Prérequis technique
- PHP : 8.2 ou plus
- WordPress : 6.5 ou plus
- Licence : valide
