Comment créer un menu déroulant dans Joomla!
Table des matières
Si la structure de votre site nécessite que vous ayez un élément de sous-menu, cela peut être géré en créant un menu déroulant pour votre Joomla! site web. Dans la dernière version de Joomla! Vous pouvez créer des éléments de menu déroulant de la même manière que vous créez des éléments de menu normaux. La seule différence est que vous choisissez un élément de menu parent pendant le processus.
Joomla! 4
Créer un fichier Joomla! Menu déroulant
Accédez à votre compte Joomla! tableau de bord d’administration et allez à Menus> Menu principal> Ajouter un nouvel élément de menu .
Maintenant, vous devez sélectionner le type d’élément de menu. Dans cet exemple, nous allons vous montrer comment faire en sorte que le lien du menu déroulant ouvre un seul fichier Joomla! article. Pour ce faire, cliquez sur Sélectionner à côté du libellé Type d’élément de menu . Une liste avec les éléments de menu disponibles apparaîtra. Sélectionnez la catégorie Articles et choisissez Article unique .
Maintenant, vous devez choisir l’article vers lequel vous voulez lier. Cliquez sur Sélectionnez à côté de l’étiquette Sélectionnez l’article . Une liste avec tous vos articles apparaîtra. Choisissez celui vers lequel vous voulez créer un lien et cliquez sur son titre.
L’étape suivante consiste à saisir un titre pour l’élément de menu. Pour ce faire, remplissez le champ à côté de l’étiquette Titre du menu . Dans ce tutoriel, nous allons créer un sous-menu nommé Produits .
Trouvez l’élément parent et cliquez sur le menu déroulant à côté de lui. Maintenant, sélectionnez le menu parent pour le nouvel élément de menu que nous sommes en train de créer. Comme nous l’avons mentionné dans le premier paragraphe, pour les besoins de ce tutoriel, nous choisirons un élément de menu Accueil existant comme parent.
Enfin, cliquez sur Enregistrer en haut à gauche de la page.
Ça y est ! Vous pouvez maintenant naviguer jusqu’à la page d’accueil de votre site web et passer votre souris sur le menu principal. Vous remarquerez que l’élément de menu nouvellement créé apparaît en dessous.
Créer un menu parent vide
Souvent, vous n’avez pas besoin d’avoir un menu parent qui charge une page spécifique, mais juste un conteneur pour regrouper quelques éléments de menu. Joomla! n’a pas de type de menu standard pour les éléments de menu vides, mais heureusement, il existe une solution de contournement. Vous devez créer un élément de menu principal en suivant les mêmes étapes décrites ci – dessus jusqu’à ce que vous ayez à choisir le type d’ élément de menu . Cette fois, au lieu de « Un seul article », vous devez sélectionner Liens système> URL .
Sur la page suivante, vous devez saisir le symbole du hashtag – « # » dans le champ Lien et enregistrer ce menu.
Ça y est, vous pouvez maintenant ajouter des éléments enfants à cet élément de menu comme expliqué dans la première partie de ce tutoriel. Le menu Accueil lui-même ne changera pas l’URL d’une page différente mais n’affichera que ses sous-menus.
Joomla! 3
Créez un fichier Joomla! Menu déroulant 3.x
Tout d’abord, vous devez accéder à votre site Joomla! 3 et allez à Menus> Menu principal> Ajouter un nouvel élément de menu .
Maintenant, vous devez sélectionner le type d’élément de menu. Dans cet exemple, nous allons vous montrer comment faire en sorte que le lien du menu déroulant ouvre un seul fichier Joomla! 3.x. Pour ce faire, cliquez sur Sélectionner à côté de l’étiquette Type d’élément de menu .
Une visionneuse avec les éléments de menu disponibles apparaîtra. Sélectionnez la catégorie Articles et choisissez Article unique .
Maintenant, vous devez choisir l’article vers lequel vous voulez lier. Pour ce faire, cliquez d’abord sur Select à côté du libellé Select Article .
Une visionneuse avec tous vos articles apparaîtra. Choisissez celui vers lequel vous voulez créer un lien et cliquez sur son titre.
L’étape suivante consiste à saisir un titre pour l’élément de menu. Pour ce faire, remplissez le champ à côté de l’étiquette Titre du menu . Dans notre tutoriel, nous allons créer un sous-menu nommé Awesome Menu .
Trouvez l’élément parent et cliquez sur le menu déroulant situé à côté. Maintenant, sélectionnez le menu parent pour le nouvel élément de menu que nous sommes en train de créer. Comme nous l’avons mentionné dans le premier paragraphe, pour les besoins de ce tutoriel, nous choisirons un élément de menu Accueil existant comme parent.
Enfin, cliquez sur Enregistrer en haut à gauche de la page.
Ça y est ! Vous pouvez maintenant naviguer jusqu’à la page d’accueil de votre site web et passer votre souris sur le menu principal. Vous remarquerez que l’élément de menu nouvellement créé apparaît en dessous.
Créer un menu parent vide
Souvent, vous n’avez pas besoin d’avoir un menu parent qui charge une page spécifique, mais juste un conteneur pour regrouper quelques éléments de menu. Joomla! 3 ne possède pas de type de menu standard pour les éléments de menu vides, mais heureusement, il existe une solution de contournement. Fondamentalement, vous devez créer un élément de menu principal en suivant les mêmes étapes décrites ci-dessus jusqu’à ce que vous ayez à choisir le type d’élément de menu . Cette fois, au lieu de « Un seul article », vous devez sélectionner Liens système> URL .
Sur la page suivante, vous devez saisir le symbole du hashtag – « # » dans le champ Lien et enregistrer ce menu.
Ça y est, vous pouvez maintenant ajouter des éléments enfants à cet élément de menu comme expliqué dans la première partie de ce tutoriel. Le menu Accueil lui-même ne changera pas l’URL d’une page différente mais n’affichera que ses sous-menus.