{"id":8084,"date":"2021-03-15T10:51:44","date_gmt":"2021-03-15T09:51:44","guid":{"rendered":"https:\/\/www.welaunch.io\/fr\/?post_type=faq&#038;p=8084"},"modified":"2024-05-14T13:41:48","modified_gmt":"2024-05-14T11:41:48","slug":"image-wordpress-menu","status":"publish","type":"faq","link":"https:\/\/www.welaunch.io\/fr\/base-de-connaissances\/faq\/image-wordpress-menu\/","title":{"rendered":"Comment ajouter une image dans un menu WordPress"},"content":{"rendered":"<div class=\"row\"  id=\"row-877893688\">\n\t<div id=\"col-1734656539\" 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>Nos th\u00e8mes supportent nativement les images dans votre menu WordPress. Les images dans les menus peuvent \u00eatre utilis\u00e9es pour promouvoir des pages d&#8217;atterrissage, des promotions sp\u00e9ciales ou de nouveaux produits, par exemple. En effet, les images ont toujours plus d&#8217;attrait que de simples \u00e9l\u00e9ments de menu.<\/p>\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_892367123\">\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=\"241\" src=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/example-image-in-WordPress-mega-menu-1024x242.png\" class=\"attachment-large size-large\" alt=\"example image in WordPress mega menu\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/example-image-in-WordPress-mega-menu-1024x242.png 1024w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/example-image-in-WordPress-mega-menu-300x71.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/example-image-in-WordPress-mega-menu-768x181.png 768w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/example-image-in-WordPress-mega-menu-1536x363.png 1536w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/example-image-in-WordPress-mega-menu-2048x484.png 2048w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/example-image-in-WordPress-mega-menu-247x58.png 247w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/example-image-in-WordPress-mega-menu-510x121.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_892367123 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n<p>Pour ajouter une image dans l&#8217;un de vos menus WordPress, il suffit de suivre les \u00e9tapes suivantes :<\/p>\n<ol>\n<li>Allez dans Admin > Appearance > Menus<\/li>\n<li>Ouvrez l&#8217;un des \u00e9l\u00e9ments de votre menu ou cr\u00e9ez-en un nouveau &#8220;Lien personnalis\u00e9&#8221; point de menu<\/li>\n<li>Placez maintenant une balise HTML d&#8217;image dans le texte d&#8217;entr\u00e9e de l&#8217;\u00e9tiquette de navigation e.g.  <img decoding=\"async\" src=\"https:\/\/demos.welaunch.io\/strand\/wp-content\/uploads\/sites\/47\/2021\/02\/test5_0001_hike-in-utah-7A8599N-300x200.webp\"><\/li>\n<\/ol>\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1613032492\">\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=\"994\" height=\"1024\" src=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/how-to-add-an-image-to-a-menu-in-wp-backend-994x1024.png\" class=\"attachment-large size-large\" alt=\"how to add an image to a menu in wp backend\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/how-to-add-an-image-to-a-menu-in-wp-backend-994x1024.png 994w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/how-to-add-an-image-to-a-menu-in-wp-backend-291x300.png 291w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/how-to-add-an-image-to-a-menu-in-wp-backend-768x791.png 768w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/how-to-add-an-image-to-a-menu-in-wp-backend-247x254.png 247w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/how-to-add-an-image-to-a-menu-in-wp-backend-510x525.png 510w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/03\/how-to-add-an-image-to-a-menu-in-wp-backend.png 1066w\" sizes=\"auto, (max-width: 994px) 100vw, 994px\" \/>\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_1613032492 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\t<div id=\"gap-925004386\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-925004386 {\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-8084","faq","type-faq","status-publish","hentry","faq_topics-strand-faqs","faq_topics-strand"],"_links":{"self":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq\/8084","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=8084"}],"version-history":[{"count":4,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq\/8084\/revisions"}],"predecessor-version":[{"id":8678,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq\/8084\/revisions\/8678"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/media?parent=8084"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/product_cat?post=8084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}