{"id":8083,"date":"2021-03-15T10:51:12","date_gmt":"2021-03-15T09:51:12","guid":{"rendered":"https:\/\/www.welaunch.io\/fr\/?post_type=faq&#038;p=8083"},"modified":"2024-05-14T13:41:52","modified_gmt":"2024-05-14T11:41:52","slug":"mega-menu-in-wordpress","status":"publish","type":"faq","link":"https:\/\/www.welaunch.io\/fr\/base-de-connaissances\/faq\/mega-menu-in-wordpress\/","title":{"rendered":"Comment cr\u00e9er un m\u00e9ga menu dans WordPress"},"content":{"rendered":"<div class=\"row\"  id=\"row-336843127\">\n\t<div id=\"col-4908501\" class=\"col medium-9 small-12 large-9\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<p>Dans tous nos th\u00e8mes WordPress, vous avez la possibilit\u00e9 de cr\u00e9er des m\u00e9ga-menus. En g\u00e9n\u00e9ral, les m\u00e9ga-menus doivent \u00eatre utilis\u00e9s lorsque vous avez plus de trois niveaux de menu. Cela am\u00e9liore la convivialit\u00e9 et permet \u00e0 vos clients de trouver plus facilement les informations correctes.<\/p>\n<ol>\n<li>Allez dans Admin > Appearance > Menus<\/li>\n<li>Cr\u00e9er des \u00e9l\u00e9ments de menu comme d&#8217;habitude<\/li>\n<li>Au premier niveau, ajoutez la classe CSS &#8220;m\u00e9ga-menu&#8221;*<\/li>\n<li>Au niveau suivant, ajouter col-3 (ou tout autre nombre)<\/li>\n<\/ol>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\t<div id=\"col-206506398\" class=\"col medium-3 small-12 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1175599433\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner box-shadow-2 dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"597\" height=\"1024\" src=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/wordpress-mega-menu-example-597x1024.png\" class=\"attachment-large size-large\" alt=\"WordPress mega menu example\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/wordpress-mega-menu-example-597x1024.png 597w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/wordpress-mega-menu-example-175x300.png 175w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/wordpress-mega-menu-example-768x1317.png 768w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/wordpress-mega-menu-example-895x1536.png 895w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/wordpress-mega-menu-example-247x424.png 247w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/wordpress-mega-menu-example-510x875.png 510w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/wordpress-mega-menu-example.png 984w\" sizes=\"auto, (max-width: 597px) 100vw, 597px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1175599433 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t<\/div><div class=\"row\"  id=\"row-1455935997\">\n\t<div id=\"col-1100458668\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<p>* Si vous ne voyez pas le champ de texte de la classe CSS, cliquez sur les options en haut \u00e0 droite de l&#8217;\u00e9cran. Activez ensuite les classes CSS&#8221; en activant la case \u00e0 cocher.<\/p>\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1028976951\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner box-shadow-2 dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"251\" src=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/wp-menu-screen-options-to-see-css-class-1024x252.png\" class=\"attachment-large size-large\" alt=\"wp menu screen options to see css class\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/wp-menu-screen-options-to-see-css-class-1024x252.png 1024w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/wp-menu-screen-options-to-see-css-class-300x74.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/wp-menu-screen-options-to-see-css-class-768x189.png 768w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/wp-menu-screen-options-to-see-css-class-1536x379.png 1536w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/wp-menu-screen-options-to-see-css-class-2048x505.png 2048w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/wp-menu-screen-options-to-see-css-class-247x61.png 247w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/wp-menu-screen-options-to-see-css-class-510x126.png 510w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1028976951 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\t<div id=\"gap-1133771051\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1133771051 {\n  padding-top: 50px;\n}\n<\/style>\n\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t<\/div>\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","product_cat":[],"class_list":["post-8083","faq","type-faq","status-publish","hentry","faq_topics-strand","faq_topics-strand-faqs"],"_links":{"self":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq\/8083","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq"}],"about":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/types\/faq"}],"author":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/comments?post=8083"}],"version-history":[{"count":5,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq\/8083\/revisions"}],"predecessor-version":[{"id":8679,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq\/8083\/revisions\/8679"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/media?parent=8083"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/product_cat?post=8083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}