Maintenant que vous avez mis en place votre template YOOtheme, nous allons voir plus en détails certains éléments de votre site. Je vous propose de commencer par le menu horizontal de votre site Joomla qui se doit d'être un menu déroulant comme vous avez pu le voir dans les démos des templates. Nous allons voir comment faire grâce à ce tutoriel.
Avant-propos
|
|
Objectif du tutoriel
Niveau
Durée
Pré-requis
Création d'un nouveau menu
Gestion des menus
Par défaut, il existe déjà un menu que vous pouvez utiliser comme menu horizontal mais il est possible que vous utilisiez déjà ce menu, je vais donc vous expliquer brièvement comment créer un nouveau menu.
Pour ce faire, rien de plus simple, rendez-vous dans "Menus > Gestion des menus", puis cliquez sur "Nouveau" en haut à droite. Ensuite, vous avez quatre champs à remplir (voir image ci-dessous) :
- Identifiant du menu
- Titre
- Description
- Titre du module
Création du module de menu
La seconde étape consiste à vous rendre dans "Extensions > Gestion des modules" et à cliquer sur "Nouveau" en haut à droite. Sur la page suivante, vous devez cocher "Menu" dans la liste et cliquer sur "Suivant" toujours en haut à droite. Enfin, il ne vous reste plus qu'à remplir quelques paramètres (voir image ci-dessous) :
- Le titre que je vous conseille de masquer en cochant "Non".
- Pour la position, choisissez "menu" dans le menu déroulant.
- Pour le nom du menu, sélectionnez le nom de celui que nous avons créé précédemment.
Création des éléments de menu
Si vous êtes partis de zéro, vous n'avez donc pas d'élément dans votre nouveau menu. Pour les besoins du tutoriel, je vais créer trois éléments qui seront à des niveaux différents. Commencez par retourner dans "Menus > Gestion des menus".
Pour créer un nouvel élément de menu, cliquez sur cet icône
- Le premier élément que j'appellerai "Level 1" aura comme élément parent "haut".
- Le second élément s'appellera "Level 2" et aura comme élément parent "Level 1".
- Enfin, le troisième élément sera "Level 3" et "Level 2" sera l'élément parent.
Paramétrage du module
Pour finir, nous allons voir le paramétrage du module de menu afin que se dernier fasse apparaître les sous-éléments (Level 2 et 3) dans un menu déroulant. Pour ce faire, retournons dans "Extensions > Gestion des modules" et cliquons sur le module menu créé précédemment.
Sur les images ci-dessous, vous pouvez voir les réglages à effectuer :
Paramètres du module
Paramètres avancés
Tutoriels associés
Si vous besoin de plus d'aide sur YOOtheme, vous posez vos questions dans le forum.
