Vue d'ensemble
Le système de menus de Larapen vous permet de créer et gérer les menus de navigation pour l'en-tête, le pied de page, la barre latérale et la navigation mobile de votre site. Les menus sont entièrement gérés en base de données, supportent le glisser-déposer, les éléments imbriqués (menus déroulants) et les libellés traduisibles.
Emplacements de menus
Allez dans Menus dans la barre latérale admin. Vous verrez une liste d'emplacements prédéfinis :
| Emplacement | Où il apparaît |
|---|---|
| En-tête: Navigation principale | La barre de navigation principale dans l'en-tête du site. |
| En-tête: Navigation secondaire | Une barre de navigation secondaire (certains thèmes l'affichent au-dessus de la navigation principale). |
| Pied de page: Colonnes 1 à 4 | Quatre colonnes de pied de page pour organiser les liens (ex. « Entreprise », « Ressources », « Légal », « Social »). |
| Pied de page: Bas | La barre inférieure du pied de page (ex. copyright, liens légaux). |
| Barre latérale | Un menu widget dans la barre latérale (si le thème actif le supporte). |
| Menu mobile | Navigation spécifique au mobile. |
Cliquez sur n'importe quel emplacement pour gérer ses éléments.
Gérer les éléments de menu
La page des éléments de menu a deux zones :
- Panneau gauche : L'arborescence du menu: une liste déplaçable de tous les éléments.
- Panneau droit : Outils d'ajout rapide: onglets pour ajouter des pages, catégories ou liens personnalisés.
Ajout rapide d'éléments
Onglet Pages
Affiche une liste de toutes les pages publiées avec des cases à cocher. Sélectionnez les pages souhaitées et cliquez sur « Ajouter au menu ».
Onglet Catégories
Si vous avez des add-ons avec des catégories (Portfolio, Blog, Boutique), elles apparaissent ici.
Onglet Lien personnalisé
Pour les liens qui ne correspondent pas à une page ou catégorie spécifique : entrez une URL et un titre.
Modifier un élément
Cliquez sur le bouton modifier (icône crayon) pour ouvrir la modale d'édition :
| Champ | Description |
|---|---|
| Titre | Le libellé affiché dans la navigation. Traduisible: entrez un titre pour chaque langue active. |
| Type de lien | URL (URL personnalisée) ou Route (route Laravel nommée). |
| URL | URL complète ou chemin relatif quand le type est URL. |
| Route | Sélectionnez depuis un menu déroulant de toutes les routes disponibles. |
| Sélecteur d'entité | Pour les routes nécessitant un paramètre, permet de sélectionner l'élément cible. |
| Élément parent | Définir un parent pour en faire un sous-élément déroulant. Maximum 1 niveau d'imbrication. |
| Ouvrir dans | Même onglet ou Nouvel onglet. |
| Icône | Icône Bootstrap optionnelle. Ouvre un sélecteur d'icônes. |
| Actif | Interrupteur pour afficher/masquer cet élément sans le supprimer. |
Réordonner les éléments
Glissez-déposez les éléments pour les réordonner. Les modifications sont enregistrées automatiquement. Vous pouvez aussi glisser des éléments sous un parent pour créer un menu déroulant.
Supprimer des éléments
Cliquez sur le bouton supprimer (icône poubelle). Si l'élément a des enfants, ils seront déplacés au niveau supérieur.
Cache des menus
Les menus sont mis en cache pendant 1 heure. Le cache est automatiquement invalidé lorsque vous ajoutez, modifiez, réordonnez ou supprimez des éléments.
Libellés traduisibles
Les titres des éléments de menu supportent les traductions par langue. Lors de la modification d'un élément, vous verrez des onglets de langue au-dessus du champ titre. Si une traduction est vide, le titre de la langue par défaut est utilisé.
Conseils pour une navigation efficace
- Navigation principale courte: 5-7 éléments maximum. Utilisez les menus déroulants avec parcimonie.
- Libellés descriptifs: « Nos services » est mieux que « Services ».
- Pied de page pour les liens secondaires: Pages légales, plan du site et liens moins importants dans les colonnes du pied de page.
- Organisez les colonnes logiquement: Regroupez par thème : « Entreprise », « Ressources », « Légal ».
- Testez sur mobile: Vérifiez l'apparence de la navigation sur appareil mobile.