{"id":18970,"date":"2020-06-26T06:47:21","date_gmt":"2020-06-26T06:47:21","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/comment-ajouter-un-mega-menu-a-votre-site-wordpress-etape-pour\/"},"modified":"2020-06-26T06:47:21","modified_gmt":"2020-06-26T06:47:21","slug":"comment-ajouter-un-mega-menu-a-votre-site-wordpress-etape-pour","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/comment-ajouter-un-mega-menu-a-votre-site-wordpress-etape-pour\/","title":{"rendered":"Comment ajouter un m\u00e9ga menu \u00e0 votre site WordPress (\u00e9tape pour &#8230;"},"content":{"rendered":"<p>R\u00e9cemment, l&#8217;un de nos lecteurs a demand\u00e9 s&#8217;il \u00e9tait possible d&#8217;ajouter un m\u00e9ga menu \u00e0 leur site WordPress.  Les Mega Menus vous permettent d&#8217;ajouter des menus suspendus de diff\u00e9rentes couleurs \u00e0 votre navigation avec des m\u00e9dias riches, tels que des images et des vid\u00e9os.  Dans cet article, nous allons montrer comment ajouter facilement un m\u00e9ga menu \u00e0 votre site WordPress. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Comment ajouter un m\u00e9ga menu pas WordPress\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/megamenu.png\" alt=\"Comment ajouter un m\u00e9ga menu pas WordPress\" width=\"550\" height=\"340\" class=\"alignnone size-full wp-image-49015\"><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Pourquoi_dois-je_ajouter_ou_Mega_Menu_et_non_WordPress\"><\/span>Pourquoi dois-je ajouter ou Mega Menu et non WordPress?<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Les Os Mega Menus sont particuli\u00e8rement utiles pour les sites avec tr\u00e8s peu de contenu.  Isso permet aux propri\u00e9taires de sites d&#8217;afficher plus d&#8217;\u00e9l\u00e9ments que le menu ci-dessus. <\/p>\n<p>Des sites populaires comme Reuters, Buzzfeed et Starbucks utilisent des m\u00e9ga-menus pour afficher des menus de navigation tr\u00e8s int\u00e9ressants et interactifs. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Le site pr\u00e9sente Starbucks ou un m\u00e9ga menu\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/starbucks-megamenu.jpg\" alt=\"Le site pr\u00e9sente Starbucks ou un m\u00e9ga menu\" width=\"550\" height=\"344\" class=\"alignnone size-full wp-image-49004\"><\/p>\n<p>D\u00e8s que les menus de navigation sont disponibles dans WordPress, nous pouvons ajouter des sous-menus suspendus et en m\u00eame temps ajouter des ic\u00f4nes d&#8217;image \u00e0 c\u00f4t\u00e9 de chaque \u00e9l\u00e9ment, parfois vous avez juste besoin d&#8217;un m\u00e9ga menu.<\/p>\n<p>Nous allons vous donner un moyen d&#8217;ajouter facilement un m\u00e9ga menu \u00e0 votre site WordPress. <\/p>\n<h4><span class=\"ez-toc-section\" id=\"Didacticiel_video\"><\/span>Didacticiel vid\u00e9o<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Inscrever-se no WPBeginner<\/p>\n<p>Voc\u00ea n\u00e3o gostar do video ou avez besoin de plus d&#8217;instructions, continuez la lecture.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Ajouter_un_mega_menu_pas_WordPress\"><\/span>Ajouter un m\u00e9ga menu pas WordPress<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Tout d&#8217;abord, vous devez installer et activer le plug-in Max Mega Menu.  \u00c9 ou plugin m\u00e9ga-menu gratuit pour WordPress disponible sur aucun march\u00e9.  Pour plus de d\u00e9tails, consultez ou guidez-nous \u00e9tape par \u00e9tape sur la fa\u00e7on d&#8217;installer un plugin WordPress.<\/p>\n<p>Une nouvelle version ou un plug-in ajoutera un nouvel \u00e9l\u00e9ment de menu, Mega Menu, dans le menu d&#8217;administration de WordPress.  Cliquez sur le lien vers la page de configuration du plugin. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Param\u00e8tres du menu Mega\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/megamenu-settings.png\" alt=\"Param\u00e8tres du menu Mega\" width=\"550\" height=\"287\" class=\"alignnone size-full wp-image-49007\"><\/p>\n<p>Cette configuration fonctionnera pour la plupart des deux sites.  Cependant, vous devrez modifier les c\u0153urs de menu pour correspondre aux c\u0153urs utilis\u00e9s par le menu de navigation du menu du th\u00e8me WordPress. <\/p>\n<p>Pour savoir quels c\u0153urs ne sont pas uniquement utilis\u00e9s, vous pouvez utiliser ferramenta Inspect pas depuis votre navigateur. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Utilisez l'\u00e9quipement d'inspection pour d\u00e9couvrir les noyaux de la barre de navigation\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/inspectcolors.png\" alt=\"Utilisez l'\u00e9quipement d'inspection pour d\u00e9couvrir les noyaux de la barre de navigation\" width=\"550\" height=\"316\" class=\"alignnone size-full wp-image-49010\"><\/p>\n<p>Depois de obter ou code hexad\u00e9cimal, voc\u00ea pode col\u00e1-lo em um fichier texte pour une utilisation ult\u00e9rieure. <\/p>\n<p>Ensuite, vous devriez visiter la page de configuration du m\u00e9ga menu, cliquer sur le guide &#8220;\u00c9l\u00e9ments de menu&#8221; et sur la section &#8220;Barre de menu&#8221;. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"menubarcolors \" src=\"https:\/\/cdn2.wpbeginner.com\/wp-content\/uploads\/2017\/12\/menubarcolors.png%20\" alt=\" Cores donne la barre de menu\" width=\"550\" height=\"352\" class=\"alignnone size-full wp-image-49008\"><\/p>\n<p>Ici, vous pouvez remplacer un arri\u00e8re-plan utilis\u00e9 par le m\u00e9ga-menu pour correspondre ou contenir le menu de navigation de votre sujet. <\/p>\n<p>Il ne s&#8217;agit pas de cliquer sur aucun bouton Enregistrer les modifications pour enregistrer vos param\u00e8tres. <\/p>\n<p>Maintenant, nous d\u00e9finissons les param\u00e8tres du m\u00e9ga menu, allons-y et cr\u00e9ons notre m\u00e9ga menu. <\/p>\n<p>Vous devez d&#8217;abord visiter ou <strong>Apparence \u00bbMenus<\/strong> page et ajouter des \u00e9l\u00e9ments d&#8217;un niveau sup\u00e9rieur \u00e0 votre navigation.  Pour des instructions d\u00e9taill\u00e9es, consultez ou guide du d\u00e9butant sur la fa\u00e7on de cr\u00e9er des menus de navigation et non WordPress. <\/p>\n<p>Ensuite, sur le Web des Menus, vous devez activer ou m\u00e9ga menu en cochant la case &#8220;Configuration maximale du m\u00e9ga menu&#8221;. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"M\u00e9ga menu Ativar\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/enablemegamenu.png\" alt=\"M\u00e9ga menu Ativar\" width=\"550\" height=\"360\" class=\"alignnone size-full wp-image-49012\"><\/p>\n<p>Si vous le faites, vous devez cliquer ou passer la souris sur un \u00e9l\u00e9ment de menu et vous verrez ou le bouton &#8220;Mega Menu&#8221; appara\u00eetra dans le guide de menu. <\/p>\n<p>Ao click no bot\u00e3o, un pop-up janela sera affich\u00e9.  Ici, vous pouvez ajouter n&#8217;importe quel widget WordPress \u00e0 votre m\u00e9ga menu et s\u00e9lectionner le nombre de colonnes que vous souhaitez afficher. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Ajoutez des widgets \u00e0 votre m\u00e9ga menu\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/megamenu-widgets.png\" alt=\"Ajoutez des widgets \u00e0 votre m\u00e9ga menu\" width=\"550\" height=\"348\" class=\"alignnone size-full wp-image-49013\"><\/p>\n<p>Vous pouvez \u00e9galement cliquer sur l&#8217;ic\u00f4ne anglaise dans un widget pour modifier les param\u00e8tres du widget.  Cela ne se fait pas en cliquant sur le bouton Enregistrer pour assembler les param\u00e8tres de votre widget. <\/p>\n<p>Lorsque vous avez termin\u00e9, vous pouvez dater ou pop-up et visiter ou leur donner un site \u00e0 voir ou un m\u00e9ga menu em a\u00e7\u00e3o. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Affichage du menu Mega\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/megamenupreview.gif\" alt=\"Affichage du menu Mega\" width=\"550\" height=\"309\" class=\"alignnone size-full wp-image-49001\"><\/p>\n<p>Nous esp\u00e9rons que cet article vous a aid\u00e9 \u00e0 apprendre \u00e0 ajouter un m\u00e9ga menu et non WordPress.  Vous pouvez \u00e9galement nous conf\u00e9rer ou nous guider sur la fa\u00e7on d&#8217;acc\u00e9l\u00e9rer ou WordPress et d&#8217;am\u00e9liorer ou de performer pour les d\u00e9butants. <\/p>\n<p>Vous devez destez artigo, assine ou nosso YouTube pour assister \u00e0 des vid\u00e9os de tutoriel WordPress.  Vous pouvez \u00e9galement nous trouver em Twitter et Facebook.<\/p>\n  <div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 ez-toc-wrap-center counter-flat ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blogging-techies.com\/fr\/comment-ajouter-un-mega-menu-a-votre-site-wordpress-etape-pour\/#Pourquoi_dois-je_ajouter_ou_Mega_Menu_et_non_WordPress\" >Pourquoi dois-je ajouter ou Mega Menu et non WordPress?<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/blogging-techies.com\/fr\/comment-ajouter-un-mega-menu-a-votre-site-wordpress-etape-pour\/#Didacticiel_video\" >Didacticiel vid\u00e9o<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/blogging-techies.com\/fr\/comment-ajouter-un-mega-menu-a-votre-site-wordpress-etape-pour\/#Ajouter_un_mega_menu_pas_WordPress\" >Ajouter un m\u00e9ga menu pas WordPress<\/a><\/li><\/ul><\/nav><\/div>\n ","protected":false},"excerpt":{"rendered":"<p>R\u00e9cemment, l&#8217;un de nos lecteurs a demand\u00e9 s&#8217;il \u00e9tait possible d&#8217;ajouter un m\u00e9ga menu \u00e0 leur site WordPress. Les Mega Menus vous permettent d&#8217;ajouter des menus suspendus de diff\u00e9rentes couleurs \u00e0 votre navigation avec des m\u00e9dias riches, tels que des images et des vid\u00e9os. Dans cet article, nous allons montrer comment ajouter facilement un m\u00e9ga [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":18971,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[274,31,739,749,519,42,649,154,45],"class_list":["post-18970","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogs","tag-ajouter","tag-comment","tag-etape","tag-mega","tag-menu","tag-pour","tag-site","tag-votre","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/18970","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/comments?post=18970"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/18970\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media\/18971"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media?parent=18970"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/categories?post=18970"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/tags?post=18970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}