{"id":9189,"date":"2020-05-06T11:18:09","date_gmt":"2020-05-06T11:18:09","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/comment-ajouter-des-menus-de-navigation-personnalises-dans-les-themes-wordpress\/"},"modified":"2020-05-06T11:18:09","modified_gmt":"2020-05-06T11:18:09","slug":"comment-ajouter-des-menus-de-navigation-personnalises-dans-les-themes-wordpress","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/comment-ajouter-des-menus-de-navigation-personnalises-dans-les-themes-wordpress\/","title":{"rendered":"Comment ajouter des menus de navigation personnalis\u00e9s dans les th\u00e8mes WordPress"},"content":{"rendered":"<p>Voulez-vous ajouter des menus de navigation personnalis\u00e9s dans votre th\u00e8me WordPress? Les menus de navigation sont la liste horizontale des liens affich\u00e9s en haut de la plupart des sites Web. <\/p>\n<p>Par d\u00e9faut, les th\u00e8mes WordPress sont livr\u00e9s avec des dispositions de menu et des dispositions pr\u00e9d\u00e9finies, mais que se passe-t-il si vous souhaitez ajouter vos propres menus de navigation personnalis\u00e9s? <\/p>\n<p>Dans cet article, nous vous montrerons comment cr\u00e9er et ajouter facilement des menus de navigation personnalis\u00e9s dans WordPress, afin que vous puissiez les afficher n&#39;importe o\u00f9 dans votre th\u00e8me. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Ajouter des menus de navigation personnalis\u00e9s dans les th\u00e8mes WordPress\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/addnavmenuswp-og-1.png\" alt=\"Ajouter des menus de navigation personnalis\u00e9s dans les th\u00e8mes WordPress\" width=\"550\" height=\"340\" class=\"alignnone size-full wp-image-76891\"><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Quand_avez-vous_besoin_de_ce_didacticiel_du_menu_de_navigation_WordPress\"><\/span>Quand avez-vous besoin de ce didacticiel du menu de navigation WordPress?<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>La plupart des th\u00e8mes WordPress sont livr\u00e9s avec au moins un endroit o\u00f9 vous pouvez afficher les liens de navigation de votre site dans un menu. <\/p>\n<p>Vous pouvez g\u00e9rer les \u00e9l\u00e9ments de menu \u00e0 partir d&#39;une interface facile \u00e0 utiliser dans votre zone d&#39;administration WordPress. <\/p>\n<p>Si vous cherchez simplement \u00e0 ajouter des menus de navigation \u00e0 votre site Web, suivez simplement notre guide du d\u00e9butant sur la fa\u00e7on d&#39;ajouter un menu de navigation dans WordPress. <\/p>\n<p>Le but de ce tutoriel est d&#39;aider les utilisateurs DIY \/ interm\u00e9diaires \u00e0 ajouter des menus de navigation personnalis\u00e9s dans leurs th\u00e8mes WordPress.<\/p>\n<p>Nous couvrirons les sujets suivants dans cet article: <\/p>\n<ul>\n<li>Cr\u00e9ez un menu de navigation personnalis\u00e9 dans les th\u00e8mes WordPress<\/li>\n<li>Afficher le menu de navigation personnalis\u00e9 dans le th\u00e8me WordPress<\/li>\n<li>Ajouter un menu de navigation personnalis\u00e9 dans WordPress \u00e0 l&#39;aide du g\u00e9n\u00e9rateur de page<\/li>\n<li>Cr\u00e9ez des menus adaptables pour les appareils mobiles dans WordPress<\/li>\n<li>Plus de choses que vous pouvez faire avec les menus de navigation de WordPress<\/li>\n<\/ul>\n<p>Cela dit, regardons comment ajouter des menus de navigation WordPress personnalis\u00e9s \u00e0 votre th\u00e8me.<\/p>\n<p>Les menus de navigation sont une fonctionnalit\u00e9 des th\u00e8mes WordPress. Chaque th\u00e8me peut d\u00e9finir ses propres emplacements de menu et prise en charge de menu. <\/p>\n<p>Pour ajouter un menu de navigation personnalis\u00e9, la premi\u00e8re chose que vous devez faire est d&#39;enregistrer votre nouveau menu de navigation en ajoutant ce code au fichier functions.php de votre th\u00e8me. <\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">function wpb_custom_new_menu() {\r\n  register_nav_menu('my-custom-menu',__( 'My Custom Menu' ));\r\n}\r\nadd_action( 'init', 'wpb_custom_new_menu' );\r\n<\/pre>\n<p>Vous pouvez maintenant aller \u00e0 <strong>Apparence \u00bbMenus<\/strong> dans votre administrateur WordPress et essayez de cr\u00e9er ou de modifier un nouveau menu. Vous verrez &quot;Mon menu personnalis\u00e9&quot; comme option de placement de th\u00e8me. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Menu de navigation personnalis\u00e9 ajout\u00e9 au th\u00e8me\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/custom-menu-added.png\" alt=\"Menu de navigation personnalis\u00e9 ajout\u00e9 au th\u00e8me\" width=\"550\" height=\"368\" class=\"alignnone size-full wp-image-76851\"><\/p>\n<p>Si vous souhaitez ajouter plus d&#39;un nouvel emplacement \u00e0 partir du menu de navigation, vous devrez utiliser un code comme celui-ci:<\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">function wpb_custom_new_menu() {\r\n  register_nav_menus(\r\n    array(\r\n      'my-custom-menu' => __( 'My Custom Menu' ),\r\n      'extra-menu' => __( 'Extra Menu' )\r\n    )\r\n  );\r\n}\r\nadd_action( 'init', 'wpb_custom_new_menu' );\r\n<\/pre>\n<p>Une fois que vous avez ajout\u00e9 l&#39;emplacement du menu, allez-y et ajoutez des \u00e9l\u00e9ments de menu dans le gestionnaire WordPress en suivant notre tutoriel sur la fa\u00e7on d&#39;ajouter des menus de navigation pour les d\u00e9butants. <\/p>\n<p>Cela nous permettra d&#39;aller \u00e0 l&#39;\u00e9tape suivante qui montre le menu dans votre th\u00e8me. <\/p>\n<p>Ensuite, nous devrions afficher le nouveau menu de navigation dans votre th\u00e8me WordPress. L&#39;endroit le plus courant o\u00f9 les menus de navigation sont g\u00e9n\u00e9ralement plac\u00e9s se trouve dans la section d&#39;en-t\u00eate d&#39;un site Web juste apr\u00e8s le titre ou le logo du site. <\/p>\n<p>Cependant, vous pouvez ajouter votre menu de navigation o\u00f9 vous le souhaitez. <\/p>\n<p>Vous devrez ajouter ce code dans le fichier de mod\u00e8le de votre th\u00e8me o\u00f9 vous souhaitez afficher votre menu. <\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">\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-des-menus-de-navigation-personnalises-dans-les-themes-wordpress\/#Quand_avez-vous_besoin_de_ce_didacticiel_du_menu_de_navigation_WordPress\" >Quand avez-vous besoin de ce didacticiel du menu de navigation WordPress?<\/a><\/li><\/ul><\/nav><\/div>\n ","protected":false},"excerpt":{"rendered":"<p>Voulez-vous ajouter des menus de navigation personnalis\u00e9s dans votre th\u00e8me WordPress? Les menus de navigation sont la liste horizontale des liens affich\u00e9s en haut de la plupart des sites Web. Par d\u00e9faut, les th\u00e8mes WordPress sont livr\u00e9s avec des dispositions de menu et des dispositions pr\u00e9d\u00e9finies, mais que se passe-t-il si vous souhaitez ajouter vos [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":9190,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"class_list":["post-9189","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-themes"],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/9189","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=9189"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/9189\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media\/9190"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media?parent=9189"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/categories?post=9189"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/tags?post=9189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}