Gestion du menu de navigation dynamique

Le menu de navigation est la colonne vertébrale de votre site web. Magix CMS 4 propose une interface de gestion de menu intuitive, dynamique et parfaitement optimisée pour les supports mobiles (smartphones et tablettes) grâce à son architecture Bootstrap 5.3.

1. Ajouter un nouvel élément au menu

La création d'une arborescence s'effectue simplement depuis l'interface d'administration. Pour chaque nouvelle entrée, vous devez d'abord définir son comportement en choisissant parmi deux types de structures :

• Le Lien Simple : Un lien direct classique qui pointe vers une page de votre site, une catégorie, ou une URL externe.

• Le Menu Déroulant (Dropdown) : Un élément parent qui, au clic ou au survol, déploie une liste de sous-liens.

💡 Bonne pratique UI/UX : Dans Magix CMS 4, les menus complexes de type « MegaDropdown » ont été proscrits. En effet, ces structures surchargées posent de graves problèmes d'accessibilité et de lisibilité sur les smartphones. Le CMS privilégie désormais des menus déroulants standards (Dropdown), garantissant une navigation fluide, rapide et 100 % responsive.

2. Configurer les paramètres du lien

Une fois le type de menu sélectionné, l'éditeur vous permet de paramétrer finement l'affichage et le comportement de votre lien. Voici les champs à renseigner :

• Le texte à afficher : C'est le nom du lien tel qu'il apparaîtra visuellement dans la barre de navigation de votre site (ex: "Nos Services", "Contact"). Gardez-le court et explicite.

• Le libellé (Texte au survol) : Il correspond à l'attribut HTML title. C'est le texte qui apparaît dans une petite bulle lorsque l'internaute laisse sa souris sur le lien. C'est un élément très important pour l'accessibilité web et qui apporte un léger bonus en SEO.

• L'URL (La cible) : L'adresse de destination. Vous pouvez lier une page interne existante du CMS ou saisir une adresse web externe complète.

3. Organiser l'arborescence

Une fois vos liens créés et configurés, vous pouvez les réorganiser à votre convenance pour définir l'ordre d'affichage dans votre menu principal. Les modifications sont appliquées dynamiquement sur le frontend de votre site.