Il est très commun de voir des sites Web implémenter des fonctionnalités dans leurs menus supérieurs. Certains sites y introduisent par exemple leur formulaire de connexion. D'autres y intègrent de la publicité ou un champ de recherche.

Dans ce didacticiel, vous apprendrez à intégrer un module de recherche dans votre menu principal Joomla en tant qu'élément de menu. Aucune notion de code n’est introduite ici. Pour cela, nous allons utiliser une extension gratuite et très populaire appelée Modules Anywhere.

  

Étape 1. Installer Modules Anywhere

01 download modules anywhere

  • Connectez-vous à votre espace administrateur Joomla.
  • Allez dans Extensions > Gérer.
  • Cliquez sur l'onglet Télécharger le fichier de package.
  • Cliquez sur le bouton vert Choisir un fichier.

Trouvez le fichier Modules Anywhere que vous venez de télécharger et cliquez deux fois dessus pour l'installer.

Excellent ! Vous venez d'installer le package Modules Anywhere sur votre site. Il vous aidera à intégrer un module de recherche, ou tout autre module d'ailleurs, dans votre menu principal Joomla.

Étape 2. Créer un module de recherche

Dans cette étape, vous allez créer le module de recherche à intégrer dans votre menu principal en tant qu'élément de menu.

  • Allez dans Extensions > Modules.
  • Vous serez redirigé vers la page d'administration des modules. Cliquez sur Nouveau. 

02 click new

  • Vous verrez la liste Sélectionnez un type de module. 

03 select a module type

  • Faites défiler légèrement vers le bas et cliquez sur Search. 

04 click search

  • Accédez à My Search for Top Menu dans le champ Titre.
  • Recherchez le paramètre Afficher le titre et définissez-le sur Masquer. 

05 set show title to hide

  • Cliquez sur Enregistrer et fermer.
  • Vous verrez à nouveau la page d’administration des Modules. Trouvez le module My Search for Top Menu que vous venez de créer. Notez son numéro d'identification. Dans mon exemple, le numéro d'identification est 35.

06 notice id number

Étape 3. Créer un élément de menu pour le module de recherche

Votre module de recherche nouvellement créé est maintenant prêt à être affiché. Affichons-le comme élément de menu Joomla dans notre menu supérieur.

  • Allez dans Menus > <votre menu principal> > Ajouter un nouvel élément de menu. Pour les besoins de ce tutoriel, je vais utiliser mon menu principal. 

07 add new menu item

  • Sélectionnez votre menu principal dans le champ Menu. Dans mon cas, c'est Main Menu.

09 select main menu

  • Entrez , y compris les accolades, dans la zone Titre du menu.
  • Cliquez sur Sélectionner.

08 enter module title click select

  • Vous verrez la zone modale Type d'élément de menu. Allez dans Liens système > Séparateur. 

10 system links separator

  • Cliquez sur Enregistrer et fermer.

Vous verrez votre nouvel élément de menu répertorié avec le reste de vos éléments de menu.

11 list of menu items

Étape 4. Vérifiez le résultat final

  • Visitez une page de votre site Web. Jetez un coup d'œil à votre menu principal. Vous verrez qu'il inclut désormais votre module de recherche, tout comme nous l’avions prévu au début de tutoriel. 

12 the results

Cet article est une libre traduction de Display a Search Module as a Joomla Top Menu Item par Valentin Garcia pour OsTraining.

Cet article vous a plu ? Abonnez-vous à la newsletter NosyWeb !

L'auteur : un expert à votre service
Jean-Charles Gautard
Nom : Jean-Charles Gautard
Consultant, formateur et intégrateur web depuis plus de 10 ans, je mets mon expertise digitale au service des professionnels amorçant leur transformation digitale. A la recherche d'une stratégie digitale avec le CMS Joomla ? Besoin de conseils ? d'une formation ? d'un site Internet ou Intranet ? Contactez-nous

Articles qui devraient vous intéresser

Phoca Gallery 3.2.4 : une galerie Joomla pour vos photos Phoca Gallery 3.2.4 : une galerie Joomla pour vos photos
Résumé du test Intuitivité : Stabilité : Support : Sécurité : Mises à jour : Interropérabilité :...
Newsletter Joomla : AcyMailing 4.3 fait des merveilles ! Newsletter Joomla : AcyMailing 4.3 fait des merveilles !
Résumé du test Intuitivité : Stabilité : Support : Sécurité : Mises à jour : Interropérabilité :...

Commentaires (0)

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 ! :-)

Dernier article sur la même thématique
Les nouveautés de Joomla 3.9Les nouveautés de Joomla 3.9
Joomla 3.9 apporte un certain nombre de nouveautés fondamentales avec en premier lieu l'environnement de conformité au RGPD. Mais également un certain nombre d'améliorations utiles et...
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