Tuto Divi : Comment créer un Méga Menu WordPress ?
Вставка
- Опубліковано 7 лют 2025
- #menuwordpress #megamenu #tutorieldivi
Dans ce tutoriel Divi WordPress, je vous apprends à créer un Méga Menu pour votre header. Un Méga Menu est un effet sympa en webdesign et peut être intéressant dans le cas où vous avez plusieurs menus déroulants qui peuvent être regroupés sous un seul terme.
Il permet au lecteur de dérouler tous les menus en un seul menu assez large et de voir en un coup d’œil tous les produits et options disponibles.
Pour cet exercice nous utiliserons Divi et son très pratique Divi Builder.
Si vous n’avez pas encore Divi, je vous encourage à l’acheter, son constructeur de page intuitif vous aidera à créer facilement votre contenu sous WordPress.
Vous aimez mon travail ? Ici, vous pouvez m'offrir un café ☕😃
➡️ bit.ly/payez-m...
------------------------------------------------------------------------
LIENS ÉVOQUÉS DANS LA VIDÉO : 🔍
👁️ DIVI, le super thème et Visual Builder pour WordPress :
𝗗𝗲𝗽𝘂𝗶𝘀 𝗹𝗮 𝗽𝗮𝗿𝘂𝘁𝗶𝗼𝗻 𝗱𝗲 𝗰𝗲𝘁𝘁𝗲 𝘃𝗶𝗱𝗲́𝗼, 𝗹𝗮 𝗽𝗼𝗹𝗶𝘁𝗶𝗾𝘂𝗲 𝗱'𝗘𝗹𝗲𝗴𝗮𝗻𝘁 𝗧𝗵𝗲𝗺𝗲 𝗮 𝗰𝗵𝗮𝗻𝗴𝗲́ 𝗲𝘁 𝗹𝗮 𝗿𝗲́𝗱𝘂𝗰𝘁𝗶𝗼𝗻 𝗱𝗲 𝗗𝗶𝘃𝗶 𝗱𝗲 -𝟮𝟬 % 𝗻'𝗲𝘀𝘁 𝗽𝗹𝘂𝘀 𝗱𝗶𝘀𝗽𝗼𝗻𝗶𝗯𝗹𝗲. 𝗘𝗹𝗹𝗲 𝗲𝘀𝘁 𝗽𝗮𝘀𝘀𝗲́𝗲 𝗮̀ -𝟭𝟬% 𝗰𝗲 𝗾𝘂𝗶 𝗿𝗲𝘀𝘁𝗲 𝘁𝗼𝘂𝗷𝗼𝘂𝗿𝘀 𝗶𝗻𝘁𝗲́𝗿𝗲𝘀𝘀𝗮𝗻𝘁 😉
➡️ bit.ly/Divi-Pr... -10% sur votre licence ! 💗
➡️ bit.ly/divi-cl... Divi lien classique
------------------------------------------------------------------------
RECOMMANDATIONS ET BONS PLANS ALPA 14 : 👍
👁️ Formation WordPress Divi Webmyday, finançable jusqu’à 100% par les budgets de formation.
➡️ bit.ly/Webmyday -𝟭𝟬% avec le code promo 𝗔𝗟𝗣𝗔𝟭𝟰 💗
👁️ Hostinger : l’hébergeur de qualité aux tarifs compétitifs.
-10% sur toutes les formules avec le code ALPA14 💗
➡️ www.hostinger....
👁️ o2switch : l'hébergeur d'excellence pour votre site WordPress à 7€HT/mois en illimité
➡️ alpa14.com/o2s... -10% Code Promo : ALPA14 💗
👁️ Créez des vidéos avec Invideo IA
➡️ bit.ly/invideo-25
👁️ MailerLite : L'email marketing simple et efficace, 30 j Gratuits toutes options
➡️ bit.ly/mailerl...
👁️ duoLogo : Réalisez un logo pro, formule Gratuite
➡️ bit.ly/duologo-fr
👁️ Thinkific : Créez & vendez vos formations, 1 mois Gratuit en formule Pro
➡️ bit.ly/thinkif...
👁️ Alpa14 SEOStudio : Outils SEO Alpa14 gratuits
➡️ alpa14-seo
ALPA 14 C’EST AUSSI UN BLOG 😀
✉️ Abonnez-vous à la Newsletter pour être averti des futurs tutoriels et des nouveautés du site.
➡️ bit.ly/alpa14-...
------------------------------------------------------------------------
Pour une totale transparence, la plupart des liens de cette page sont des liens affiliés, en les utilisant, vous m'offrez une commission sur la vente et votre geste sympa compensera mes nombreuses heures de travail à concevoir ce tutoriel. Merci ! 🙂🙏.
Veuillez noter que jamais vous ne paierez plus cher que directement sur le site de l'éditeur. Voire parfois moins cher 👍.
Magnifique vos explications ! Merci beaucoup pour cette vidéo.
Merci c'est très gentil 😃
Bonjour Alain , tu lis dans mes pensées merci
Ah, ah ! 😂 Super !
Merci j'ai appris quelque chose de nouveaux
Avec plaisir
Merci beaucoup
Avec plaisir 👍
Merci Alain !
Avec plaisir 👋👍
Bonjour et merci pour vos Tuto génial
Merci ! 😊 Avec plaisir 👍
Très bien expliqué j 'apprécie toujours vos tuto
Merci beaucoup pour vos encouragements, ça fait plaisir 👍😊
Excellent, Bravo !
Merci ! 😊👍
Merci pour ta vidéo, ça m'a bien aidé 👍 Simple et efficace 👍
Merci Kevin, avec plaisir 👍😃
Top, juste ce qu'il me fallait !
Parfait ! 👍😊
merci!!
Avec plaisir 👍
Bonjour, Je viens de m'abonner à votre chaine et merci pour vos tutos qui sont super instructifs et me permettent d'avancer sur mon site avec Divi wordpress. J'ai regardé attentivement votre vidéo sur votre Méga Menu... l'idée est super.. par contre, en responsive, le menu en vertical n'est absolument pas ergonomique, un menu avec les sous-catégories en horizontal aurait été plus judicieux pour l'expérience utilisateur. Dommage que vous ne le proposiez pas. Cordialement.
Bonjour,
Sans doute l'objet d'un futur tuto 😉
Bonjour merci pour vos videos. Cela est il possible de faire un mega menu apres avoir mis le CSS pour un menu sandwich ?
Salut, normal de ne pas avoir en tete et navigation dans le personnalisateur de thème ?
Bonjour merci pour votre vidéo !
Je rencontre un petit soucis:
Lorsque je suis sur mon site vue extérieur et que je souhaite cliquer sur un bouton de mon menu rien ne se passe . Cela ne me retirage pas vers la page en question . Et certains bouton de mon menu fonctionne bien ... je suis perdu si vous avez une idée du problème merci beaucoup
Comment change ton le nombre de colonne dans le mega menu ?
Bonjour,
Lorsque je clique sur En tête et navigation cela ne m'ouvre rien, et l'option disparaît ?
Est-ce normal ?
Bonjour,
Merci pour votre message.😊 Malheureusement, je ne peux pas répondre à tous car j'en reçois trop...
J'espère que vous pourrez trouver réponse à votre problème dans un de mes tutoriels (ou dans 1 futur).
J'espère que vous comprendrez, encore désolé. Merci de votre fidélité à la chaîne, bonne continuation 😃👍
Alain
Bonsoir
Superbes explications, merci!!!
J'ai un problème, je n'ai pas le menu: En-tête et navigation (lorsque je viens dans le menu. paramètres Généraux, je le vois, mais il disparait et ne rèste que le menu bas de page!?!?
Merci de votre aide.
Bonne soirée
CéDric
Bonjour,
Merci pour votre message. Je reçois énormément de messages et malheureusement, je ne peux pas répondre à tous. J'espère que vous comprendrez et que vous pourrez trouver une réponse à votre problème dans un de mes tutoriels existant ou dans un autre à venir.
Encore désolé et merci de votre fidélité.
Bonne continuation
Bien cordialement
Alain 🙂
Bonjour Mr,
Vous avez fait un tuto sur multistep de divi ? le formulaire en plusieurs étapes
Non, j'ai fait un tutoriel sur le module formulaire de contact de Divi
@@Alpa14 Depuis que je vous suis, il y a beaucoup de choses qui a changé sur mon site.
@@Alpa14 je recherche actuellement un formulaire en plusieurs étapes si possible avec images. J'adore beaucoup vos tutos. Vous êtes formidable
@@romavieetvoyage1744 Merci c'est gentil 😃
Bonjour Alain j'ai regardé attentivement votre tutoriel sur comment créer une boutique E-commerce avec Divi ( + de 2heures😴😊🤭) et je voulais savoir comment faîtes vous pour avoir les photos produits sur fond blanc car je trouve que cela rend super! En tout cas sinon j'ai tout bien compris👌 merci
Bonjour,
Ah oui 2 h c'est long 😉
Pour les images, le format png permet de rendre le fond transparent.
Adobe offre 1 service pour le faire. www.adobe.com/fr/photoshop/online/background-remover.html
Après le format png est souvent plus lourd que le jpg. Vous pouvez ensuite optimiser les images ici tinypng.com/
Il doit y avoir 1 plugin wp.
@@Alpa14 merci je vais voir ça! Si n'existerait pas, il faudrait l'inventer 🙃🤩 bonne fin de soirée
Il manque Alain devant n'existerait
Bonjour. Je voudrai le lien de la video SVP. Je ne la trouve pas ...
bonjour, merci pour ce tuto. savez vous comment changer la largeur du mega menu ? j'ai deux colonnes, du coup je voudrais une largeur automatique qui ne prenne pas tout la largeur. merci
Bonjour,
Merci pour votre message. Je reçois énormément de messages et malheureusement, je ne peux pas répondre à tous. J'espère que vous comprendrez et que vous pourrez trouver une réponse à votre problème dans un de mes tutoriels existant ou dans un autre à venir.
Encore désolé et merci de votre fidélité.
Bonne continuation
Bien cordialement
Alain 🙂
Bonjour, merci pour ce tuto. J'ai créé sur mon site un mega menu mais je n'arrive pas à modifier la police / taille de mon sous-menu. Auriez-vous une astuce ? Milles mercis.
Bonjour,
Merci pour votre message et désolé pour pour le retard.
Je reçois énormément de questions et je peux malheureusement pas répondre à toutes, je n'ai pas le temps... . La création de tutoriels m'occupe beaucoup. 😅
J'espère que vous comprendrez et que vous pourrez trouver une réponse à votre question dans une de mes vidéos ou ailleurs.
Amicalement
Alain
Salut mon menu est cacher par mes image comment on fait pour qu'il soit en premier plan stp???
Salut,
Regarde sur ton image, dans les paramètres dans l'onglet Style et espacement tu as dû ajouter de la marge ce qui fait que ca se chevauche.
bonsoir, votre vidéo est très bien expliqué mais je m'arrache les cheveux à essayer de mettre en sous menu un produit que j'ai déjà créé, il refuse de ce mettre dans le menu déroulant car il n'apparaît pas dans les cases à cocher du menu🤬, en plus j'ai essayé de faire une fiche produit personnalisé mais le bouton ajouter l'article au panier n'apparaît pas! Qu'est ce que j'ai manqué? HELP MERCI
Bonjour Chabine,
Merci pour votre message. Je reçois énormément de messages et malheureusement, je ne peux pas répondre à tous. J'espère que vous comprendrez et que vous pourrez trouver une réponse à votre problème dans un de mes tutoriels existant ou dans un autre à venir.
Encore désolé et merci de votre fidélité.
Bonne continuation
Bien cordialement
Alain 🙂
Bonjour Alain, Je te suis depuis un moment et mon site s'en porte que mieux. Je cherche la possibilité de proposer à mes clients qui visite mon site de pouvoir l'ajouter à l'écran d'accueil soit avec un bouton ou mieux avec l'ouverture d'une popup qui s'ouvrirait durant la navigation. Aurais tu une Idée. Merci pour ton retour😉😉
Bonsoir Eric,
Ce serait pour mettre ton site en favoris dans leur navigateur ?
@@Alpa14 oui c'est exactement ça. J'ai visité des sites qui propose par popup la possibilité d'enregistrer le site dans les favoris. J'ai une société de VTC et l'idée est que mes futurs clients puissent mettre mon site sur leur écran mobile pour une réservation ultérieure. Merci pour ta réponse
pour ajouter des colonnes inutile de creer un autre méga menu, utiliser des css solutionnera ce besoin
oui exact
salutt je like et je m abonne grace a Daviyas c est un youtubeur qui aide les petit youtubeur va commenter la dernière video de daviyas si tu veut tu pourrais bien percer grace a lui il pourrait t aiderr sur UA-cam😄
Merci ;)