Logo YOOthemeMaintenant 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.

Icone YOOthemeAvant-propos

Icone objectifObjectif du tutoriel

  • Mettre en place un menu déroulant

Icone niveauNiveau

  • Intermédiaire

Icone tempDurée

  • 30-45 minutes

Icone pré-requisPré-requis


 

Icone YOOthemeCréation d'un nouveau menu

Gestion des menus

Gestion des menus JoomlaPar 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 menuNouveau menu Joomla
  • Titre
  • Description
  • Titre du module

Création du module de menu

Gestion des modules JoomlaLa 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.

Paramètres module menu Joomla

Icone YOOthemeCréation des éléments de menu

Gestion des menus JoomlaSi 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ôneNouvel élément Joomla

 

  • 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.

 

Icone YOOthemeParamé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 module Joomla

Paramètres avancés

Paramètres module Joomla

Icone helpTutoriels associés

 

Si vous besoin de plus d'aide sur YOOtheme, vous posez vos questions dans le forum.

L'auteur : un expert à votre service
Geoffrey LEOST
Nom : Geoffrey LEOST

Commentaires (4)

This comment was minimized by the moderator on the site

Bonjour,Si vous avez des questions, je vous invite à vous rendre dans la section YOOtheme de notre forum :-)

This comment was minimized by the moderator on the site

Je souhaite savoir comment activer un menu yootheme, qui ne fonctionne vraissemblablement pas de manière intuitive...

This comment was minimized by the moderator on the site

Bsr,Avec quelle extension avez-vous créé ?Maximenu CK ?Merci de votre réponse.

This comment was minimized by the moderator on the site

Bonjour marcopolo29,Il s'agit du menu déroulant natif de YooTheme.

Il n'y a pas encore de commentaire pour cet article.

Ajouter vos commentaires

  1. Insérer un commentaire en tant qu'invité. Créez un compte ou connectez-vous ci-dessous.
Pièces jointes (0 / 3)
Share Your Location
Contact

Scoop.It de NosyWeb

Twitter de NosyWeb

YouTube de NosyWeb

Facebook de NosyWeb

Google+ de NosyWeb

Flux RSS de NosyWeb

Inscription newsletter de NosyWeb

 

Restez à l'affut de l'actualité NosyWeb ! :-)

En poursuivant votre navigation sur le site, vous acceptez l'utilisation de cookies sur votre poste dans le respect de notre politique de protection de votre vie privée. Ok