{"id":365892,"date":"2022-10-28T20:23:00","date_gmt":"2022-10-28T17:23:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=365892"},"modified":"2023-04-04T09:44:25","modified_gmt":"2023-04-04T06:44:25","slug":"creer-un-menu-personnalise-dans-wordpress-etape-par-etape","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/creer-un-menu-personnalise-dans-wordpress-etape-par-etape\/","title":{"rendered":"Cr\u00e9er un menu personnalis\u00e9 dans WordPress \u00e9tape par \u00e9tape"},"content":{"rendered":"\n<p>La navigation sur le site Web peut parfois \u00eatre d\u00e9routante. Il peut \u00eatre difficile pour les utilisateurs de trouver exactement ce qu&rsquo;ils recherchent et, au lieu de profiter du contenu, ils peuvent d\u00e9cider de passer au site Web suivant, mieux structur\u00e9. Afin d&rsquo;\u00e9viter qu&rsquo;une telle situation ne se produise et <strong>d&rsquo;obtenir une navigation plus claire sur votre site Web, vous devez disposer d&rsquo;un menu bien organis\u00e9<\/strong>. En consacrant votre attention \u00e0 cela, vous pouvez \u00eatre s\u00fbr que les <strong>visiteurs pourront trouver pr\u00e9cis\u00e9ment ce qu&rsquo;ils veulent<\/strong> <strong>sans aucun tracas<\/strong> et qu&rsquo;ils n&rsquo;auront pas \u00e0 chercher ailleurs ce contenu. Avec notre guide \u00e9tape par \u00e9tape, vous apprendrez comment cr\u00e9er un menu personnalis\u00e9 dans WordPress.<\/p>\n<p>Nous voudrions seulement faire une petite remarque avant de commencer. Dans le cas o\u00f9 vous avez d\u00e9j\u00e0 import\u00e9 le menu de votre th\u00e8me et que vous souhaitez enregistrer l&rsquo;original et cr\u00e9er ou modifier le v\u00f4tre, <strong><a href=\"https:\/\/themewp.inform.click\/fr\/comment-dupliquer-facilement-un-menu-dans-wordpress\/\" title=\"dupliquer votre menu dans WordPress\">dupliquer votre menu dans WordPress<\/a><\/strong> est une chose facile \u00e0 faire.<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/Ty89zWlDZcw\" frameborder=\"0\"><\/iframe><\/div>\n<p>Les \u00e9tapes de cr\u00e9ation d&rsquo;un menu personnalis\u00e9 sont les m\u00eames pour WordPress Classic et <a href=\"https:\/\/themewp.inform.click\/fr\/une-breve-introduction-a-wordpress-gutenberg\/\" title=\"Gutenberg Editor\">Gutenberg Editor<\/a>. On vous promet, ce n&rsquo;est pas difficile du tout! Commen\u00e7ons maintenant, d&rsquo;accord\u00a0?<\/p>\n<h2>1 Cr\u00e9er un menu personnalis\u00e9<\/h2>\n<p>Pour cr\u00e9er un menu personnalis\u00e9, rendez-vous sur votre <strong><a href=\"https:\/\/themewp.inform.click\/fr\/tout-ce-que-vous-devez-savoir-sur-le-tableau-de-bord-dadministration-wordpress\/\" title=\"tableau de bord utilisateur WordPress\">tableau de bord utilisateur WordPress<\/a><\/strong> et choisissez Apparence &gt; Menu.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8bb3613a.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8bb3613a.jpg\" alt=\"Cr\u00e9er un menu personnalis\u00e9 dans WordPress \u00e9tape par \u00e9tape\"><\/a><\/p>\n<p>La premi\u00e8re chose \u00e0 faire maintenant est de <strong>choisir un nom pour votre menu<\/strong>. Une fois que vous avez pris votre d\u00e9cision, cliquez sur le bouton Cr\u00e9er un menu.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8bdf3981.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8bdf3981.jpg\" alt=\"Cr\u00e9er un menu personnalis\u00e9 dans WordPress \u00e9tape par \u00e9tape\"><\/a><\/p>\n<h2>2 Ajoutez des \u00e9l\u00e9ments \u00e0 votre menu personnalis\u00e9<\/h2>\n<p>La prochaine \u00e9tape de la cr\u00e9ation de votre menu personnalis\u00e9 dans WordPress Classic Editor et Gutenberg consiste \u00e0 <strong>choisir les \u00e9l\u00e9ments que vous souhaitez ajouter au menu<\/strong> \u00e0 partir d&rsquo;une bo\u00eete qui appara\u00eetra sur le c\u00f4t\u00e9 gauche de l&rsquo;\u00e9cran.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8c117a46.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8c117a46.jpg\" alt=\"Cr\u00e9er un menu personnalis\u00e9 dans WordPress \u00e9tape par \u00e9tape\"><\/a><\/p>\n<p>Pour ajouter des \u00e9l\u00e9ments \u00e0 votre menu personnalis\u00e9 dans WordPress, cochez simplement la case \u00e0 c\u00f4t\u00e9 de l&rsquo;\u00e9l\u00e9ment souhait\u00e9. Une fois la s\u00e9lection effectu\u00e9e, cliquez sur le bouton Ajouter au menu.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8c3bad6f.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8c3bad6f.jpg\" alt=\"Cr\u00e9er un menu personnalis\u00e9 dans WordPress \u00e9tape par \u00e9tape\"><\/a><\/p>\n<p>Tous les \u00e9l\u00e9ments que vous avez s\u00e9lectionn\u00e9s appara\u00eetront d\u00e9sormais sous la structure du menu.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8c69149a.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8c69149a.jpg\" alt=\"Cr\u00e9er un menu personnalis\u00e9 dans WordPress \u00e9tape par \u00e9tape\"><\/a><\/p>\n<p>Si vous souhaitez ajouter des \u00e9l\u00e9ments pour vos articles de blog, proc\u00e9dez comme vous l&rsquo;avez fait avec les pages. S\u00e9lectionnez les \u00e9l\u00e9ments et cliquez sur le bouton Ajouter au menu.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8c8bd939.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8c8bd939.jpg\" alt=\"Cr\u00e9er un menu personnalis\u00e9 dans WordPress \u00e9tape par \u00e9tape\"><\/a><\/p>\n<p>Si vous souhaitez ajouter un lien qui ne m\u00e8ne pas \u00e0 votre page ou \u00e0 votre publication, par exemple, un lien d&rsquo; <a href=\"https:\/\/themewp.inform.click\/fr\/comment-creer-un-lien-dancrage-dans-wordpress-en-toute-simplicite\/\" title=\"ancrage\">ancrage<\/a> ou un lien vers un autre site Web, vous pouvez \u00e9galement l&rsquo;ajouter \u00e0 votre menu personnalis\u00e9 en ins\u00e9rant le lien dans la section Liens personnalis\u00e9s.. Collez simplement l&rsquo;URL dans la zone d\u00e9sign\u00e9e et assurez-vous d&rsquo;ins\u00e9rer le titre de votre message dans la zone Texte du lien. Pour terminer, cliquez sur Ajouter au menu.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8cc85fd2.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8cc85fd2.jpg\" alt=\"Cr\u00e9er un menu personnalis\u00e9 dans WordPress \u00e9tape par \u00e9tape\"><\/a><\/p>\n<h2>3 R\u00e9organiser les \u00e9l\u00e9ments et cr\u00e9er une hi\u00e9rarchie<\/h2>\n<p>Une fois que vous avez ajout\u00e9 tout ce que vous vouliez, <strong>vous pouvez faire glisser et d\u00e9poser les \u00e9l\u00e9ments pour les r\u00e9organiser comme vous le souhaitez<\/strong>. Par exemple, vous pouvez d\u00e9finir la maison principale comme premier \u00e9l\u00e9ment de votre menu, et ainsi de suite.<\/p>\n<p>Une autre chose tr\u00e8s pratique que vous pouvez faire est de <strong>cr\u00e9er un menu d\u00e9roulant<\/strong>. C&rsquo;est ici que vous pouvez <strong>regrouper vos pages et messages sous un seul \u00e9l\u00e9ment<\/strong>. Pour ce faire, faites simplement glisser tous les \u00e9l\u00e9ments que vous souhaitez afficher dans le menu d\u00e9roulant sous le lien parent (au deuxi\u00e8me niveau), puis d\u00e9placez-les un peu vers la droite et cliquez sur le bouton Enregistrer le menu.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8cf95dfe.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8cf95dfe.jpg\" alt=\"Cr\u00e9er un menu personnalis\u00e9 dans WordPress \u00e9tape par \u00e9tape\"><\/a><\/p>\n<p>Vous pouvez \u00e9galement <strong>placer certains \u00e9l\u00e9ments au troisi\u00e8me niveau<\/strong>, en les faisant glisser sous le lien parent puis en les d\u00e9pla\u00e7ant l\u00e9g\u00e8rement vers la droite, afin qu&rsquo;ils soient encore plus en retrait.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8d2d6c03.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8d2d6c03.jpg\" alt=\"Cr\u00e9er un menu personnalis\u00e9 dans WordPress \u00e9tape par \u00e9tape\"><\/a><\/p>\n<h2>4 Modifier le nom de l&rsquo;\u00e9l\u00e9ment<\/h2>\n<p>Si vous souhaitez <strong>modifier le nom de la page qui sera affich\u00e9e dans le menu<\/strong> sans modifier le nom r\u00e9el de l&rsquo;\u00e9l\u00e9ment, cliquez sur la petite fl\u00e8che \u00e0 droite, comme illustr\u00e9 ci-dessous.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8d5cf91a.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8d5cf91a.jpg\" alt=\"Cr\u00e9er un menu personnalis\u00e9 dans WordPress \u00e9tape par \u00e9tape\"><\/a><\/p>\n<p>Dans la zone \u00c9tiquette de navigation, vous pouvez saisir le nom de l&rsquo;\u00e9l\u00e9ment qui sera \u00e9ventuellement affich\u00e9 dans votre menu.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8d8aed63.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8d8aed63.jpg\" alt=\"Cr\u00e9er un menu personnalis\u00e9 dans WordPress \u00e9tape par \u00e9tape\"><\/a><\/p>\n<p>Une fois que vous avez termin\u00e9 les modifications, cliquez sur le bouton Enregistrer le menu. Les modifications que vous avez apport\u00e9es seront visibles sur votre site Web.<\/p>\n<h2>5 Ouvrez vos \u00e9l\u00e9ments dans un nouvel onglet<\/h2>\n<p>Si vous souhaitez ouvrir vos \u00e9l\u00e9ments dans un nouvel onglet, vous pouvez simplement vous diriger vers la carte Options d&rsquo;\u00e9cran (situ\u00e9e dans le coin sup\u00e9rieur droit de votre tableau de bord). Outre les \u00e9l\u00e9ments de menu, vous pouvez \u00e9galement <a href=\"https:\/\/themewp.inform.click\/fr\/comment-ouvrir-facilement-des-liens-dans-un-nouvel-onglet-avec-wordpress\/\" title=\"ouvrir tout type de lien dans un nouvel onglet\">ouvrir tout type de lien dans un nouvel onglet<\/a>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8db1c49f.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8db1c49f.jpg\" alt=\"Cr\u00e9er un menu personnalis\u00e9 dans WordPress \u00e9tape par \u00e9tape\"><\/a><\/p>\n<p>Sous Afficher les propri\u00e9t\u00e9s du menu avanc\u00e9, cochez la case Lier la cible.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8ddccfe8.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8ddccfe8.jpg\" alt=\"Cr\u00e9er un menu personnalis\u00e9 dans WordPress \u00e9tape par \u00e9tape\"><\/a><\/p>\n<p>Maintenant, lorsque vous cliquez sur la petite fl\u00e8che \u00e0 c\u00f4t\u00e9 du nom du type de publication, juste sous l&rsquo;\u00e9tiquette de navigation, vous verrez l&rsquo;option Ouvrir le lien dans un nouvel onglet. Cochez simplement la case et enregistrez les param\u00e8tres de votre menu.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8e08ceee.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8e08ceee.jpg\" alt=\"Cr\u00e9er un menu personnalis\u00e9 dans WordPress \u00e9tape par \u00e9tape\"><\/a><\/p>\n<h2>6 Choisissez l&#8217;emplacement du menu personnalis\u00e9<\/h2>\n<p>Sous Param\u00e8tres du menu, vous devez \u00e9galement <strong>choisir l&#8217;emplacement du menu personnalis\u00e9<\/strong>. C&rsquo;est l\u00e0 que votre menu sera affich\u00e9 sur le site Web. Cochez la case \u00e0 c\u00f4t\u00e9 de l&#8217;emplacement souhait\u00e9 et cliquez sur Enregistrer le menu.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8e360769.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361225-633ec8e360769.jpg\" alt=\"Cr\u00e9er un menu personnalis\u00e9 dans WordPress \u00e9tape par \u00e9tape\"><\/a><\/p>\n<h2>R\u00e9sumons\u00a0!<\/h2>\n<p>Avoir un menu de site Web bien organis\u00e9 peut changer la donne pour l&rsquo;exp\u00e9rience utilisateur. En cr\u00e9ant un menu personnalis\u00e9 dans WordPress, vous pouvez am\u00e9liorer la navigation et permettre \u00e0 vos clients de trouver les informations dont ils ont besoin en un clin d&rsquo;\u0153il. Alors, choisissez soigneusement les noms de chaque \u00e9l\u00e9ment de menu, cr\u00e9ez une hi\u00e9rarchie et portez une attention particuli\u00e8re \u00e0 son emplacement. Pour aller plus loin et am\u00e9liorer l&rsquo;exp\u00e9rience utilisateur, pensez \u00e9galement \u00e0 <strong><a href=\"https:\/\/themewp.inform.click\/fr\/top-10-des-plugins-de-menu-wordpress-pour-optimiser-vos-menus\/\" title=\"optimiser votre menu WordPress\">optimiser votre menu WordPress<\/a><\/strong>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Suivez notre tutoriel pour savoir comment cr\u00e9er facilement un menu personnalis\u00e9 dans WordPress. Ce n&rsquo;est pas difficile du tout. Commen\u00e7ons maintenant!<\/p>\n","protected":false},"author":1,"featured_media":364361,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[568],"tags":[844],"class_list":["post-365892","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-les-bases-de-wordpress","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/365892","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=365892"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/365892\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/364361"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=365892"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=365892"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=365892"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}