{"id":715,"date":"2018-05-21T12:45:17","date_gmt":"2018-05-21T10:45:17","guid":{"rendered":"https:\/\/www.templatemonster.com\/fr\/blog\/?p=715"},"modified":"2020-05-21T10:15:15","modified_gmt":"2020-05-21T10:15:15","slug":"construire-wordpress-navigation","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/fr\/construire-wordpress-navigation\/","title":{"rendered":"Comment construire WordPress Navigation en utilisant wp_nav_menu ()"},"content":{"rendered":"<ol>\n<li><a href=\"#title1\">Introduction<\/a><\/li>\n<li><a href=\"#title2\">Principes de base d'un menu de navigation<\/a><\/li>\n<li><a href=\"#title3\">Positions dans votre th\u00e8me<\/a><\/li>\n<li><a href=\"#title4\">Param\u00e8tres de r\u00e9glage<\/a><\/li>\n<li><a href=\"#title5\">G\u00e9n\u00e9rer des menus \u00e0 partir de WP Admin<\/a><\/li>\n<li><a href=\"#title6\">Conclusion<\/a><\/li>\n<\/ol>\n<h2 id=\"title1\">Introduction<\/h2>\n<p>Chaque th\u00e8me WordPress moderne devrait inclure de nombreux \u00e9l\u00e9ments communs dans le code. Le codage en dur d'une navigation manuelle fonctionne si vous avez d\u00e9j\u00e0 cr\u00e9\u00e9 le contenu, mais il n'est pas tr\u00e8s dynamique du tout.<\/p>\n<p>La meilleure m\u00e9thode serait de cr\u00e9er v\u00f4tre propre <strong>navigation WP<\/strong> par programme qu'un administrateur peut ensuite lier dans l'un de leurs propres menus.<\/p>\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.templatemonster.com\/fr\/type\/modeles-html\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" width=\"728\" height=\"90\" src=\"https:\/\/www.templatemonster.com\/blog\/fr\/wp-content\/uploads\/sites\/9\/2018\/04\/HTML_728\u044590_fr-min.jpg\" alt=\"Mod\u00e8les HTML\" class=\"wp-image-4045\" srcset=\"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2018\/04\/HTML_728\u044590_fr-min.jpg 728w, https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2018\/04\/HTML_728\u044590_fr-min-300x37.jpg 300w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><\/a><\/figure>\n<p>Pour cet article, je voudrais passer en revue les principes fondamentaux que vous devez suivre lorsque vous cr\u00e9ez votre propre navigation dans un th\u00e8me. Sp\u00e9cifiquement en passant par les nombreuses options personnalis\u00e9es et comment vous pouvez configurer un tout nouveau menu \u00e0 partir de z\u00e9ro. Vous n'aurez pas besoin de cr\u00e9er quoi que ce soit pour cet article, pensez-y plut\u00f4t comme \u00e0 un guide de r\u00e9f\u00e9rence lors du codage.<\/p>\n<hr class=\"wp-block-separator\" \/>\n<h2 id=\"title2\">Principes de base d'un menu de navigation<\/h2>\n<p>Avant les nombreux avancements de WordPress 3.0 les d\u00e9veloppeurs utilisaient g\u00e9n\u00e9ralement <a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/codex.wordpress.org\/Function_Reference\/wp_page_menu\" target=\"_blank\">wp_page_menu()<\/a> dans le d\u00e9veloppement du th\u00e8me. Cela affichera une liste compl\u00e8te de pages avec un lien vers la page d'accueil, et vous avez quelques param\u00e8tres qui sont d\u00e9crits dans le codex. Vous pouvez toujours l'utiliser dans votre zone lat\u00e9rale ou de pied de page si cela a du sens.<\/p>\n<p>Mais la m\u00e9thode de navigation beaucoup plus populaire est \u00e0 travers le syst\u00e8me de <a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/codex.wordpress.org\/WordPress_Menu_User_Guide\" target=\"_blank\">menu int\u00e9gr\u00e9<\/a> de WordPress. Les administrateurs peuvent cr\u00e9er autant de menus personnalis\u00e9s qu'ils le souhaitent, en faisant glisser et en d\u00e9pla\u00e7ant des liens pour cr\u00e9er une hi\u00e9rarchie et une structure manuelle. Vous pouvez directement g\u00e9rer des liens vers des articles, des pages, des cat\u00e9gories, des tags, etc.<\/p>\n<p>La premi\u00e8re \u00e9tape consiste \u00e0 \u00e9crire du code dans votre fichier <strong>functions.php<\/strong> qui cr\u00e9e le menu de navigation. Cela peut \u00eatre fait avec <a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/codex.wordpress.org\/Function_Reference\/register_nav_menu\" target=\"_blank\">register_nav_menu()<\/a> ou <a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/codex.wordpress.org\/Function_Reference\/register_nav_menus\" target=\"_blank\">register_nav_menus()<\/a> si vous avez plusieurs objets. Ces menus ne n\u00e9cessitent qu'un seul identifiant appel\u00e9 <strong>$location<\/strong> avec une petite cha\u00eene descriptive.<\/p>\n<pre class=\"php\" style=\"font-family: monospace\">register_nav_menu<span style=\"color: #009900\">(<\/span> <span style=\"color: #0000ff\">'primary'<\/span><span style=\"color: #339933\">,<\/span> <span style=\"color: #0000ff\">'Primary Menu'<\/span> <span style=\"color: #009900\">)<\/span><span style=\"color: #339933\">;<\/span><\/pre>\n<p><strong>$location<\/strong> est plus comme un identifiant de slug utilis\u00e9 pour identifier le menu dans votre th\u00e8me. Vous r\u00e9f\u00e9rencerez cet \u00e9l\u00e9ment d\u00e9fini dans n'importe quel fichier de th\u00e8me PHP dont vous avez besoin. Notez \u00e9galement que les menus de navigation vont automatiquement initialiser le support des th\u00e8mes afin que vous n'ayez pas besoin d'utiliser <a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/codex.wordpress.org\/Function_Reference\/add_theme_support\" target=\"_blank\">add_theme_support()<\/a> pour les menus.<\/p>\n<hr class=\"wp-block-separator\" \/>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.templatemonster.com\/fr\/type\/modeles-html\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" width=\"728\" height=\"90\" src=\"https:\/\/www.templatemonster.com\/blog\/fr\/wp-content\/uploads\/sites\/9\/2018\/04\/HTML_728\u044590_fr-min.jpg\" alt=\"\" class=\"wp-image-4045\" srcset=\"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2018\/04\/HTML_728\u044590_fr-min.jpg 728w, https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2018\/04\/HTML_728\u044590_fr-min-300x37.jpg 300w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><\/a><\/figure>\n<\/div>\n<p><a href=\"https:\/\/www.templatemonster.com\/wordpress-themes.php\" target=\"_blank\"><\/a><\/p>\n<hr class=\"wp-block-separator\" \/>\n<h2 id=\"title3\">Positions dans votre th\u00e8me<\/h2>\n<p>Avec la configuration de votre (vos) menu (s) dans <strong>functions.php<\/strong>, nous devrions passer aux autres fichiers de th\u00e8me. Commen\u00e7ons dans un endroit typique comme <strong>header.php<\/strong> o\u00f9 nous pouvons ajouter du code tr\u00e8s basique. Cet exemple est copi\u00e9 \u00e0 partir du <a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/codex.wordpress.org\/Function_Reference\/wp_nav_menu\" target=\"_blank\">wp_nav_menu()<\/a> codex et inclut tous les param\u00e8tres optionnels.<\/p>\n<table>\n<tbody>\n<tr>\n<td class=\"line_numbers\">\n<pre>1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n<\/pre>\n<\/td>\n<td class=\"code\">\n<pre class=\"php\" style=\"font-family: monospace\"><span style=\"color: #000088\">$defaults<\/span> <span style=\"color: #339933\">=<\/span> <span style=\"color: #990000\">array<\/span><span style=\"color: #009900\">(<\/span>\n\t<span style=\"color: #0000ff\">'theme_location'<\/span>  <span style=\"color: #339933\">=&amp;<\/span>gt<span style=\"color: #339933\">;<\/span> <span style=\"color: #0000ff\">''<\/span><span style=\"color: #339933\">,<\/span>\n\t<span style=\"color: #0000ff\">'menu'<\/span>            <span style=\"color: #339933\">=&amp;<\/span>gt<span style=\"color: #339933\">;<\/span> <span style=\"color: #0000ff\">''<\/span><span style=\"color: #339933\">,<\/span>\n\t<span style=\"color: #0000ff\">'container'<\/span>       <span style=\"color: #339933\">=&amp;<\/span>gt<span style=\"color: #339933\">;<\/span> <span style=\"color: #0000ff\">'div'<\/span><span style=\"color: #339933\">,<\/span>\n\t<span style=\"color: #0000ff\">'container_class'<\/span> <span style=\"color: #339933\">=&amp;<\/span>gt<span style=\"color: #339933\">;<\/span> <span style=\"color: #0000ff\">''<\/span><span style=\"color: #339933\">,<\/span>\n\t<span style=\"color: #0000ff\">'container_id'<\/span>    <span style=\"color: #339933\">=&amp;<\/span>gt<span style=\"color: #339933\">;<\/span> <span style=\"color: #0000ff\">''<\/span><span style=\"color: #339933\">,<\/span>\n\t<span style=\"color: #0000ff\">'menu_class'<\/span>      <span style=\"color: #339933\">=&amp;<\/span>gt<span style=\"color: #339933\">;<\/span> <span style=\"color: #0000ff\">'menu'<\/span><span style=\"color: #339933\">,<\/span>\n\t<span style=\"color: #0000ff\">'menu_id'<\/span>         <span style=\"color: #339933\">=&amp;<\/span>gt<span style=\"color: #339933\">;<\/span> <span style=\"color: #0000ff\">''<\/span><span style=\"color: #339933\">,<\/span>\n\t<span style=\"color: #0000ff\">'echo'<\/span>            <span style=\"color: #339933\">=&amp;<\/span>gt<span style=\"color: #339933\">;<\/span> <span style=\"color: #009900;font-weight: bold\">true<\/span><span style=\"color: #339933\">,<\/span>\n\t<span style=\"color: #0000ff\">'fallback_cb'<\/span>     <span style=\"color: #339933\">=&amp;<\/span>gt<span style=\"color: #339933\">;<\/span> <span style=\"color: #0000ff\">'wp_page_menu'<\/span><span style=\"color: #339933\">,<\/span>\n\t<span style=\"color: #0000ff\">'before'<\/span>          <span style=\"color: #339933\">=&amp;<\/span>gt<span style=\"color: #339933\">;<\/span> <span style=\"color: #0000ff\">''<\/span><span style=\"color: #339933\">,<\/span>\n\t<span style=\"color: #0000ff\">'after'<\/span>           <span style=\"color: #339933\">=&amp;<\/span>gt<span style=\"color: #339933\">;<\/span> <span style=\"color: #0000ff\">''<\/span><span style=\"color: #339933\">,<\/span>\n\t<span style=\"color: #0000ff\">'link_before'<\/span>     <span style=\"color: #339933\">=&amp;<\/span>gt<span style=\"color: #339933\">;<\/span> <span style=\"color: #0000ff\">''<\/span><span style=\"color: #339933\">,<\/span>\n\t<span style=\"color: #0000ff\">'link_after'<\/span>      <span style=\"color: #339933\">=&amp;<\/span>gt<span style=\"color: #339933\">;<\/span> <span style=\"color: #0000ff\">''<\/span><span style=\"color: #339933\">,<\/span>\n\t<span style=\"color: #0000ff\">'items_wrap'<\/span>      <span style=\"color: #339933\">=&amp;<\/span>gt<span style=\"color: #339933\">;<\/span> <span style=\"color: #0000ff\">'&amp;lt;ul id=\"%1$s\" class=\"%2$s\"&amp;gt;%3$s&amp;lt;\/ul&amp;gt;'<\/span><span style=\"color: #339933\">,<\/span>\n\t<span style=\"color: #0000ff\">'depth'<\/span>           <span style=\"color: #339933\">=&amp;<\/span>gt<span style=\"color: #339933\">;<\/span> <span style=\"color: #cc66cc\">0<\/span><span style=\"color: #339933\">,<\/span>\n\t<span style=\"color: #0000ff\">'walker'<\/span>          <span style=\"color: #339933\">=&amp;<\/span>gt<span style=\"color: #339933\">;<\/span> <span style=\"color: #0000ff\">''<\/span>\n<span style=\"color: #009900\">)<\/span><span style=\"color: #339933\">;<\/span>\n \nwp_nav_menu<span style=\"color: #009900\">(<\/span> <span style=\"color: #000088\">$defaults<\/span> <span style=\"color: #009900\">)<\/span><span style=\"color: #339933\">;<\/span><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Je vais approfondir ces options dans la section suivante. Mais je vais commencer par passer en revue les deux premiers. N'oubliez pas que tous ces \u00e9l\u00e9ments sont <em>facultatifs<\/em>, car les valeurs que vous voyez ci-dessus deviendront votre valeur par d\u00e9faut si elles ne sont pas remplac\u00e9es. <strong>theme_location<\/strong> devrait correspondre \u00e0 la localisation que vous avez choisi lors de l'enregistrement du menu. C'est la seule valeur que vous devriez changer pour vous assurer qu'elle correspond bien.<\/p>\n<p>Parfois, les gens confondent l'emplacement du menu avec <strong>menu<\/strong> car ils sont tous les deux tr\u00e8s similaires. En fait, le menu devrait presque toujours \u00eatre omis, ce qui permet au webmaster d'assigner son propre menu \u00e0 cet endroit. Ce param\u00e8tre <strong>menu<\/strong> est utilis\u00e9 pour inclure un menu d'administration pr\u00e9d\u00e9fini. Il devrait \u00eatre identique \u00e0 un menu pr\u00e9existant qui a d\u00e9j\u00e0 \u00e9t\u00e9 cr\u00e9\u00e9. Mais puisque la plupart des gens n'auront pas un menu existant (ou cela pourrait changer entre les sites Web), il est pr\u00e9f\u00e9rable de le laisser hors de la navigation de votre th\u00e8me.<\/p>\n<h2 id=\"title4\">Param\u00e8tres de r\u00e9glage<\/h2>\n<p>Les autres param\u00e8tres sont principalement pour la personnalisation, c'est pourquoi vous pouvez les ignorer. Mais attaquons le reste pour que nous comprenions bien les possibilit\u00e9s. <strong>container<\/strong>, <strong>container_class<\/strong>, et <strong>container_id<\/strong> sont b\u00e9n\u00e9fiques lors du coiffage du menu. L'\u00e9l\u00e9ment de conteneur externe entoure l'UL de sorte qu'il pourrait m\u00eame \u00eatre un <strong>&lt;nav&gt;<\/strong> HTML5 si vous aimez la s\u00e9mantique.<\/p>\n<p>Les <strong>menu_class<\/strong> et <strong>menu_id<\/strong> sont appliqu\u00e9s sur la liste non ordonn\u00e9e elle-m\u00eame. Chaque menu obtient une classe .menu, donc vous pourriez vouloir changer cela si vous en utilisez plus d'un. Le param\u00e8tre <strong>echo<\/strong> dit cette fonction pour sortir le menu HTML, sinon il retournera la valeur \u00e0 une fonction ou une variable PHP. Lorsque <a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/codex.wordpress.org\/Function_Reference\/wp_nav_menu\" target=\"_blank\">wp_nav_menu()<\/a> ne peut pas fonctionner pour une raison quelconque, il se repliera automatiquement \u00e0 l'aide de <a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/codex.wordpress.org\/Function_Reference\/wp_page_menu\" target=\"_blank\">wp_page_menu()<\/a> comme je l'ai mentionn\u00e9 plus t\u00f4t.<\/p>\n<p>Les deux prochains param\u00e8tres <strong>before<\/strong> et <strong>after<\/strong> sortiront tout HTML juste avant chaque lien d'ancrage, ou juste apr\u00e8s les avoir ferm\u00e9s. <strong>link_before<\/strong> et <strong>link_after<\/strong> ajouteront HTML \u00e0 l'int\u00e9rieur des liens d'ancrage, juste avant et apr\u00e8s le texte lui-m\u00eame. Rappelez-vous ces options et assurez-vous de ne pas les m\u00e9langer ! En cas de doute, v\u00e9rifiez le codex pour le soutien.<\/p>\n<p>Maintenant, si vous ne voulez pas utiliser une liste non ordonn\u00e9e, vous pouvez changer cela \u00e0 l'int\u00e9rieur <strong>items_wrap<\/strong>. Il utilise une syntaxe de type <a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/php.net\/manual\/en\/function.sprintf.php\" target=\"_blank\">sprintf()<\/a> pour remplacer les valeurs par des param\u00e8tres dynamiques dans la m\u00eame fonction. <strong>%1$s<\/strong> fait r\u00e9f\u00e9rence \u00e0 menu_id, <strong>%2$s<\/strong> fait r\u00e9f\u00e9rence \u00e0 menu_class, et <strong>%3$s<\/strong> est li\u00e9 \u00e0 la sortie des \u00e9l\u00e9ments de la liste. Comme il faut beaucoup de travail suppl\u00e9mentaire pour changer les \u00e9l\u00e9ments <strong>&lt;li&gt;<\/strong> i est g\u00e9n\u00e9ralement pr\u00e9f\u00e9rable de laisser celui-ci seul.<\/p>\n<p>Enfin le param\u00e8tre <strong>depth<\/strong> indique au menu la profondeur de la hi\u00e9rarchie. Si notre navigation en-t\u00eate n'est qu'un menu d\u00e9roulant \u00e0 un seul niveau, nous n'avons besoin que d'un niveau de profondeur. Ou nous pouvons avoir un menu flyout \u00e0 2 niveaux qui pourrait utiliser 2 niveaux de profondeur. -1 est une valeur sp\u00e9ciale qui affiche tous les liens dans le menu, mais les condense ensemble dans le m\u00eame niveau d'affichage.<\/p>\n<p>Ensuite, l'article <strong>$walker<\/strong> est un param\u00e8tre sp\u00e9cial pour la personnalisation de la fa\u00e7on dont le contenu WordPress sorties dans une arborescence. Il attend un nouvel objet de classe qui inclut des m\u00e9thodes personnalis\u00e9es pour la sortie de l'\u00e9l\u00e9ment. C'est un sujet assez avanc\u00e9, mais vous pouvez en lire plus \u00e0 ce sujet dans le <a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/codex.wordpress.org\/Class_Reference\/Walker\" target=\"_blank\">Guide de r\u00e9f\u00e9rence de la classe Walker<\/a>.<\/p>\n<h2 id=\"title5\">G\u00e9n\u00e9rer des menus \u00e0 partir de WP Admin<\/h2>\n<p>Ce dernier bit devrait fournir aux administrateurs et aux webmasters un meilleur moyen de comprendre les menus. Une fois connect\u00e9 dans le panneau d'administration, cliquez sur \"Apparence\", puis sur le lien des menus.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2013\/12\/select-menu-wp-admin-screenshot.jpg?x20232\" alt=\"select-menu-wp-admin-screenshot\" class=\"wp-image-48247\" \/><\/figure>\n<\/div>\n<p><a href=\"http:\/\/blog.templatemonster.com\/wp-content\/uploads\/2013\/12\/select-menu-wp-admin-screenshot.jpg\" target=\"_blank\"><\/a><\/p>\n<p>De l\u00e0, vous devez r\u00e9organiser les liens en organisant de l'accord\u00e9on gauche dans la section droite. Vous pouvez donner au menu un nom qui peut \u00eatre r\u00e9f\u00e9renc\u00e9 en PHP - mais remarquez en haut que vous verrez un menu de s\u00e9lection d\u00e9roulant. Une fois que vous enregistrez une navigation et lui attribuez un emplacement de th\u00e8me, il appara\u00eet dans cette liste d\u00e9roulante que l'administrateur doit s\u00e9lectionner. C'est ainsi que les webmasters peuvent organiser leurs propres menus sans avoir \u00e0 coder de PHP.<\/p>\n<p>Du c\u00f4t\u00e9 gauche, vous pouvez choisir entre les pages, les posts, les liens, les cat\u00e9gories et les tags. Si vous cliquez sur le petit onglet pr\u00e8s du coin sup\u00e9rieur droit \u00e9tiquet\u00e9 \"Options d'\u00e9cran\", vous pouvez masquer certains de ces choix d'\u00e9cran. Vous trouverez \u00e9galement des options de menu avanc\u00e9es pour donner une cible \u00e0 chaque lien (comme target=\"_blank\") ou m\u00eame des classes CSS uniques.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2013\/12\/wordpress-menus-screen-options.jpg?x20232\" alt=\"wordpress-menus-screen-options\" class=\"wp-image-48246\" \/><\/figure>\n<\/div>\n<p><a href=\"http:\/\/blog.templatemonster.com\/wp-content\/uploads\/2013\/12\/wordpress-menus-screen-options.jpg\" target=\"_blank\"><\/a><\/p>\n<p>Chaque lien de cat\u00e9gorie peut utiliser une classe diff\u00e9rente pour les couleurs uniques lorsqu'il est s\u00e9lectionn\u00e9. Par d\u00e9faut, vous donnerez \u00e0 chaque lien du texte et une br\u00e8ve description, qui est souvent utilis\u00e9e uniquement par l'administrateur du site. Les liens peuvent \u00e9galement avoir des attributs de titre et des valeurs XFN uniques.<\/p>\n<p>Plus vous pratiquez en utilisant ce syst\u00e8me de menu, plus il deviendra clair. En tant que d\u00e9veloppeur qui utilise WordPress depuis des ann\u00e9es, je trouve cela tr\u00e8s pratique. Les nouveaux arrivants qui sont en train d'apprendre les bases de WordPress peuvent toujours le relever rapidement sans trop de difficult\u00e9.<\/p>\n<h2 id=\"title6\">Conclusion<\/h2>\n<p>J'esp\u00e8re que ce regard en profondeur sur le syst\u00e8me de navigation WordPress peut aider les nouveaux d\u00e9veloppeurs \u00e0 se lancer directement dans les th\u00e8mes. Il existe \u00e9videmment d'autres aspects importants pour coder un th\u00e8me. Mais la navigation est si cruciale et aussi quelque peu confuse si vous n'avez jamais construit quelque chose comme \u00e7a avant. Essayez ces exemples de codes PHP et voyez ce que vous pouvez faire en utilisant WordPress comme base de base.<\/p>\n<hr class=\"wp-block-separator\" \/>\n<h2>Articles \u00e0 lire<\/h2>\n<p><a title=\"Concepts WordPress pour d\u00e9butants. Petit guide et quelques comparaisons\" rel=\"\" href=\"https:\/\/www.templatemonster.com\/blog\/fr\/concepts-wordpress-pour-debutants\/\" target=\"_blank\">Concepts WordPress pour d\u00e9butants. Petit guide et quelques comparaisons<\/a><\/p>\n<p><a title=\"Meilleurs plugins WordPress pour widgets Instagram 2020\" rel=\"\" href=\"https:\/\/www.templatemonster.com\/blog\/fr\/plugins-wordpress-widget-instagram\/\" target=\"_blank\">Meilleurs plugins WordPress pour widgets Instagram 2020<\/a><\/p>\n<p><a title=\"5 meilleurs plugins WordPress iFrame 2020\" rel=\"\" href=\"https:\/\/www.templatemonster.com\/blog\/fr\/plugins-wordpress-iframe\/\" target=\"_blank\">5 meilleurs plugins WordPress iFrame 2020<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction Principes de base d'un menu de navigation Positions dans votre th\u00e8me Param\u00e8tres de r\u00e9glage G\u00e9n\u00e9rer des menus \u00e0 partir de WP Admin Conclusion Introduction Chaque th\u00e8me WordPress moderne devrait inclure de nombreux \u00e9l\u00e9ments communs dans le code. Le codage en dur d'une navigation manuelle fonctionne si vous avez d\u00e9j\u00e0 cr\u00e9\u00e9 le contenu, mais il [&hellip;]<\/p>\n","protected":false},"author":1672325,"featured_media":726,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[29,25],"tags":[77,31],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Comment construire WordPress Navigation en utilisant wp_nav_menu ()<\/title>\n<meta name=\"description\" content=\"Chaque th\u00e8me WordPress moderne devrait inclure de nombreux \u00e9l\u00e9ments communs dans le code. Apprenez \u00e0 construire WordPress navigation.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/fr\/construire-wordpress-navigation\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment construire WordPress Navigation en utilisant wp_nav_menu ()\" \/>\n<meta property=\"og:description\" content=\"Chaque th\u00e8me WordPress moderne devrait inclure de nombreux \u00e9l\u00e9ments communs dans le code. Apprenez \u00e0 construire WordPress navigation.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/fr\/construire-wordpress-navigation\/\" \/>\n<meta property=\"og:site_name\" content=\"TemplateMonster Blog France\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TemplateMonsterFrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-05-21T10:45:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-21T10:15:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2018\/05\/featured_image6.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"538\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Claire\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TM_France\" \/>\n<meta name=\"twitter:site\" content=\"@TM_France\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Claire\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/fr\/construire-wordpress-navigation\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/construire-wordpress-navigation\/\"},\"author\":{\"name\":\"Claire\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c\"},\"headline\":\"Comment construire WordPress Navigation en utilisant wp_nav_menu ()\",\"datePublished\":\"2018-05-21T10:45:17+00:00\",\"dateModified\":\"2020-05-21T10:15:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/construire-wordpress-navigation\/\"},\"wordCount\":1566,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#organization\"},\"keywords\":[\"facilit\u00e9 d'utilisation\",\"WordPress\"],\"articleSection\":[\"D\u00e9veloppement Web\",\"Tutoriels\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/fr\/construire-wordpress-navigation\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/fr\/construire-wordpress-navigation\/\",\"url\":\"https:\/\/monsterspost.com\/fr\/construire-wordpress-navigation\/\",\"name\":\"Comment construire WordPress Navigation en utilisant wp_nav_menu ()\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#website\"},\"datePublished\":\"2018-05-21T10:45:17+00:00\",\"dateModified\":\"2020-05-21T10:15:15+00:00\",\"description\":\"Chaque th\u00e8me WordPress moderne devrait inclure de nombreux \u00e9l\u00e9ments communs dans le code. Apprenez \u00e0 construire WordPress navigation.\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/construire-wordpress-navigation\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/fr\/construire-wordpress-navigation\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/fr\/construire-wordpress-navigation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Comment construire WordPress Navigation en utilisant wp_nav_menu ()\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#website\",\"url\":\"https:\/\/monsterspost.com\/fr\/\",\"name\":\"TemplateMonster Blog France\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/fr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#organization\",\"name\":\"MonsterPost France\",\"url\":\"https:\/\/monsterspost.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonsterPost France\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/\",\"https:\/\/www.facebook.com\/TemplateMonsterFrance\/\",\"https:\/\/twitter.com\/TM_France\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c\",\"name\":\"Claire\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/db0976148c5793ad6317a44bd5f93582?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/db0976148c5793ad6317a44bd5f93582?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Claire\"},\"description\":\"Claire est une \u00e9crivaine talentueuse et curieuse. Sa principale priorit\u00e9 est de transmettre en termes simples des informations difficiles. Elle adore le monde de la conception Web et partage des trucs sympas sur sa page Facebook. Elle s'int\u00e9resse \u00e9galement activement \u00e0 la litt\u00e9rature, aux traductions et communique avec plaisir avec les abonn\u00e9s en ligne.\",\"url\":\"https:\/\/monsterspost.com\/fr\/author\/claire\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment construire WordPress Navigation en utilisant wp_nav_menu ()","description":"Chaque th\u00e8me WordPress moderne devrait inclure de nombreux \u00e9l\u00e9ments communs dans le code. Apprenez \u00e0 construire WordPress navigation.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/monsterspost.com\/fr\/construire-wordpress-navigation\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment construire WordPress Navigation en utilisant wp_nav_menu ()","og_description":"Chaque th\u00e8me WordPress moderne devrait inclure de nombreux \u00e9l\u00e9ments communs dans le code. Apprenez \u00e0 construire WordPress navigation.","og_url":"https:\/\/monsterspost.com\/fr\/construire-wordpress-navigation\/","og_site_name":"TemplateMonster Blog France","article_publisher":"https:\/\/www.facebook.com\/TemplateMonsterFrance\/","article_published_time":"2018-05-21T10:45:17+00:00","article_modified_time":"2020-05-21T10:15:15+00:00","og_image":[{"width":900,"height":538,"url":"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2018\/05\/featured_image6.jpg","type":"image\/jpeg"}],"author":"Claire","twitter_card":"summary_large_image","twitter_creator":"@TM_France","twitter_site":"@TM_France","twitter_misc":{"\u00c9crit par":"Claire","Dur\u00e9e de lecture estim\u00e9e":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/fr\/construire-wordpress-navigation\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/fr\/construire-wordpress-navigation\/"},"author":{"name":"Claire","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c"},"headline":"Comment construire WordPress Navigation en utilisant wp_nav_menu ()","datePublished":"2018-05-21T10:45:17+00:00","dateModified":"2020-05-21T10:15:15+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/fr\/construire-wordpress-navigation\/"},"wordCount":1566,"commentCount":1,"publisher":{"@id":"https:\/\/monsterspost.com\/fr\/#organization"},"keywords":["facilit\u00e9 d'utilisation","WordPress"],"articleSection":["D\u00e9veloppement Web","Tutoriels"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/fr\/construire-wordpress-navigation\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/fr\/construire-wordpress-navigation\/","url":"https:\/\/monsterspost.com\/fr\/construire-wordpress-navigation\/","name":"Comment construire WordPress Navigation en utilisant wp_nav_menu ()","isPartOf":{"@id":"https:\/\/monsterspost.com\/fr\/#website"},"datePublished":"2018-05-21T10:45:17+00:00","dateModified":"2020-05-21T10:15:15+00:00","description":"Chaque th\u00e8me WordPress moderne devrait inclure de nombreux \u00e9l\u00e9ments communs dans le code. Apprenez \u00e0 construire WordPress navigation.","breadcrumb":{"@id":"https:\/\/monsterspost.com\/fr\/construire-wordpress-navigation\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/fr\/construire-wordpress-navigation\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/fr\/construire-wordpress-navigation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Comment construire WordPress Navigation en utilisant wp_nav_menu ()"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/fr\/#website","url":"https:\/\/monsterspost.com\/fr\/","name":"TemplateMonster Blog France","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/fr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/fr\/#organization","name":"MonsterPost France","url":"https:\/\/monsterspost.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonsterPost France"},"image":{"@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/","https:\/\/www.facebook.com\/TemplateMonsterFrance\/","https:\/\/twitter.com\/TM_France"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c","name":"Claire","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/db0976148c5793ad6317a44bd5f93582?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/db0976148c5793ad6317a44bd5f93582?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Claire"},"description":"Claire est une \u00e9crivaine talentueuse et curieuse. Sa principale priorit\u00e9 est de transmettre en termes simples des informations difficiles. Elle adore le monde de la conception Web et partage des trucs sympas sur sa page Facebook. Elle s'int\u00e9resse \u00e9galement activement \u00e0 la litt\u00e9rature, aux traductions et communique avec plaisir avec les abonn\u00e9s en ligne.","url":"https:\/\/monsterspost.com\/fr\/author\/claire\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts\/715"}],"collection":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/users\/1672325"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/comments?post=715"}],"version-history":[{"count":9,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts\/715\/revisions"}],"predecessor-version":[{"id":4341,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts\/715\/revisions\/4341"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/media\/726"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/media?parent=715"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/categories?post=715"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/tags?post=715"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}