Joomla - Ajout d'éléments de menu

Dans ce chapitre, nous étudierons la procédure étape par étape pour savoir comment add new menu itemsdans Joomla. Les éléments de menu peuvent être créés dans le menu principal (menu1), que nous avons déjà créé dans le chapitre Joomla - Créer des menus .

Ajout d'éléments de menu

Voici les étapes simples pour ajouter un élément de menu dans Joomla.

Step 1 - Cliquez sur Menus → Menu1 → Add New Menu Item comme indiqué ci-dessous.

Step 2 - Après avoir cliqué sur Ajouter un nouvel élément de menu, le Menu Manager − New Menu Item La page s'affiche comme indiqué ci-dessous.

Vous pouvez afficher différents onglets présents dans cette page. leDetails l'onglet devient actif par défaut.

Il y a deux sections principales sous Nouvel élément de menu -

  • Menu Title - Il affiche le titre de l'élément de menu.

  • Alias- Il est utilisé comme URL SEF. Joomla remplira automatiquement la valeur du titre. Il produira des alias UTF-8, cependant, il n'autorise aucun espace ni trait de soulignement.

  • Menu Item Type - Dans le type d'élément de menu, il spécifie le type d'élément de menu tel que les articles, les balises, les liens Web, les liens système, les contacts, etc. Ici, vous pouvez sélectionner le type d'élément de menu en cliquant sur le Selectbouton. En cliquant sur ce bouton, un écran apparaît comme illustré ci-dessous.

Cliquer sur Articlestype de menu, vous obtenez l'écran suivant. Sélectionnez maintenantSingle Article comme indiqué ci-dessous.

Après avoir sélectionné Single Article vous obtiendrez l'écran suivant.

  • Select Article - Sélectionne l'article dans la liste.

  • Link - Spécifie la référence de lien pour l'élément de menu.

  • Template Style- Vous pouvez sélectionner un style de modèle pour votre site Web en cliquant sur le menu déroulant qui vous donne Beez3 - Par défaut et Protostar - Styles par défaut ou fournit un modèle par défaut pour votre site Web.

  • Target Window- Il cible la fenêtre pour les éléments de menu tels que Parent , Nouvelle fenêtre avec navigation et Nouveau sans navigation .

  • Menu Location- Il spécifie quel lien de menu apparaîtra dans le menu principal ou dans le menu utilisateur .

  • Parent Item- Il sélectionne l'élément parent en sélectionnant l' élément de menu racine ou Accueil .

  • Status- Il affiche l'état de l'article tel que publié , non publié et placé dans la corbeille .

  • Default Page- Il fournit des options Oui ou Non pour définir l'élément de menu comme page par défaut ou page d'accueil du site.

  • Access- Il permet l'accès uniquement aux utilisateurs sélectionnés dans la liste déroulante tels que Invité, Public, Super utilisateurs , Option enregistré et Spécial pour afficher les éléments.

  • Language- Il précise la langue du site. Il fournit soit TOUS ou English (UK) options.

  • Note - Il est utilisé pour saisir les informations textuelles.

Après avoir sélectionné Menu Item Type cela générera un Options onglet automatiquement.

Step 3 - Quand on clique sur Options onglet, nous obtiendrons l'écran suivant.

Step 4 - Cliquez sur Link Type onglet, nous obtiendrons l'écran suivant.

  • Link Title Attribute - Il spécifie la description de l'attribut title du lien hypertexte donné.

  • Link CSS Style - Il applique un style CSS personnalisé au lien hypertexte.

  • Link Image - Il utilise une image à utiliser avec un lien hypertexte.

  • Add Menu Title- Il fournit des options Oui ou Non et ajoute le titre du menu à côté de l'image. La valeur par défaut est Oui .

Step 5 - Cliquez sur Page Display onglet, nous obtiendrons l'écran suivant.

  • Browser Page Title - Il spécifie la description du titre de la page du navigateur.

  • Show Page Heading- Il fournit l' option Oui ou Non pour afficher l'en-tête de la page.

  • Page Heading - Il spécifie le texte de l'en-tête de page.

  • Page Class - Il définit la classe CSS facultative pour styliser les éléments de la page.

Step 6 - Cliquez sur Metadata onglet, nous obtenons l'écran ci-dessous.

  • Meta Description - Il est utilisé comme paragraphe facultatif qui comprend la description de la page et s'affiche dans les résultats des moteurs de recherche.

  • Meta Keywords - Ce sont les mots-clés facultatifs à utiliser dans la page html.

  • Robots- Il spécifie des instructions robotiques telles que Use Global , Index, Follow , No Index, No follow

  • Secure- Il définit si le lien doit utiliser SSL ou l'URL du site sécurisé. Il fournit trois options telles que Off , On et Ignorer .

Step 7 - Le Module Assignment contrôle l'affichage du module sur la page en affectant des modules dans les éléments de menu.

Barre d'outils

Ci-dessous, nous avons mentionné les détails des fonctions des boutons de la barre d'outils présents lors de l' ajout d'éléments de menu .

  • Save - Enregistre vos éléments de menu créés.

  • Save & Close - Enregistre l'élément de menu et ferme l'écran actuel.

  • Save & New- L'élément de menu sera enregistré et ouvrira un nouvel écran d' ajout d'éléments de menu .

  • Cancel - Annule l'action en cours.