{"id":1877,"date":"2022-10-06T15:36:45","date_gmt":"2022-10-06T15:36:45","guid":{"rendered":"https:\/\/blog.hostinger.io\/fr\/support\/2022\/10\/06\/6456916-hostinger-createur-de-sites-web-comment-ajouter-un-menu-deroulant\/"},"modified":"2025-08-26T21:09:11","modified_gmt":"2025-08-26T21:09:11","slug":"6456916-hostinger-createur-de-sites-web-comment-ajouter-un-menu-deroulant","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/fr\/support\/6456916-hostinger-createur-de-sites-web-comment-ajouter-un-menu-deroulant\/","title":{"rendered":"Hostinger Cr\u00e9ateur de Sites Web : Comment Ajouter un Menu D\u00e9roulant"},"content":{"rendered":"<p class=\"no-margin\">Il existe deux fa&ccedil;ons de cr&eacute;er un menu d&eacute;roulant, selon que vous souhaitez que son titre soit cliquable ou non :<\/p><ul>\n<li>\n<p class=\"no-margin\">Cr&eacute;er un menu d&eacute;roulant sans titre cliquable<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Cr&eacute;er un menu d&eacute;roulant avec un titre cliquable<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Comment supprimer un &eacute;l&eacute;ment du menu d&eacute;roulant ?<\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><p class=\"no-margin\"><b>REMARQUE <\/b>: les liens (y compris les menus d&eacute;roulants) sont souvent bloqu&eacute;s dans l&rsquo;&eacute;diteur et <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6475345-website-builder-previewing-a-website\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">le mode de pr&eacute;visualisation<\/a><\/b> parce que certains d&rsquo;entre eux peuvent ne pas exister jusqu&rsquo;&agrave; ce que vous <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6475340-website-builder-publishing-a-website\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">publiiez<\/a><\/b> ou <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6435697-website-builder-updating-a-website\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">mettiez &agrave; jour<\/a><\/b> votre site Web.<\/p><p class=\"no-margin\">\n<\/p><h1 id=\"h_df80a2f72c\"><b>Cr&eacute;er un menu d&eacute;roulant sans titre cliquable<\/b><\/h1><p class=\"no-margin\">Un tel menu d&eacute;roulant se d&eacute;veloppe automatiquement lorsque la souris passe sur son titre. Le titre ne sera pas cliquable.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">1. Dans l&rsquo;&eacute;diteur de votre site Web, ouvrez le panneau <b>Pages et navigation<\/b> &agrave; gauche et cliquez sur <b>Ajouter un nouveau menu d&eacute;roulant<\/b> ci-dessous :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/10\/76fb23f1-ae55-4ac6-9804-fbf898c4d4be.jpg\"><\/div><p class=\"no-margin\">Un &eacute;l&eacute;ment de liste d&eacute;roulante sera ins&eacute;r&eacute; dans le menu de navigation de votre site Web.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">2. Renommez le menu d&eacute;roulant :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/10\/4b6c954c-167d-4175-a684-719622b08dab.jpg\"><\/div><p class=\"no-margin\">3. Pour affecter des pages (ou des liens) &agrave; un menu d&eacute;roulant, faites glisser chaque page (ou lien) par les 6 points de fa&ccedil;on &agrave; ce qu&rsquo;ils apparaissent sous le menu d&eacute;roulant :<\/p><p class=\"no-margin\">\n<\/p><h1 id=\"h_001e24bb36\"><b>Cr&eacute;er un menu d&eacute;roulant avec un titre cliquable<\/b><\/h1><p class=\"no-margin\">Un tel menu d&eacute;roulant s&rsquo;&eacute;tend automatiquement lorsque la souris passe sur son titre. Le titre est cliquable et ouvre la page principale de votre menu d&eacute;roulant.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">1. Dans l&rsquo;&eacute;diteur de votre site Web, ouvrez la section <b>Pages et navigation<\/b> sur la gauche. Choisissez une page que vous souhaitez voir devenir la page principale de votre menu d&eacute;roulant. Cela signifie que le titre de cette page sera le titre de votre menu d&eacute;roulant. Vous pouvez &eacute;galement cr&eacute;er <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6456705-website-builder-adding-more-pages-to-a-website\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">une nouvelle page<\/a><\/b> pour ce dernier ; elle s&rsquo;ouvrira lorsque quelqu&rsquo;un cliquera sur le titre du menu d&eacute;roulant.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">2. Pour cr&eacute;er un menu d&eacute;roulant, faites glisser les pages (ou les liens) par les 6 points de fa&ccedil;on &agrave; ce qu&rsquo;elles apparaissent sous votre page d&eacute;roulante principale :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/10\/2228ebf4-ecad-4753-bfae-c6804337fa75.jpg\"><\/div><h1 id=\"h_968f871af3\"><b>Comment supprimer un &eacute;l&eacute;ment du menu d&eacute;roulant ?<\/b><\/h1><p class=\"no-margin\">Pour supprimer une page ou un lien du menu d&eacute;roulant, d&eacute;veloppez le panneau Pages et navigation sur la gauche, et trouvez l&rsquo;&eacute;l&eacute;ment (une page ou un lien) que vous souhaitez supprimer du menu d&eacute;roulant. Cliquez sur la roue des param&egrave;tres et s&eacute;lectionnez <b>D&eacute;placer de la liste d&eacute;roulante<\/b> :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/10\/063f223f-dbf5-4916-a64d-efa1ac7d25a4.jpg\"><\/div><p class=\"no-margin\">L&rsquo;&eacute;l&eacute;ment supprim&eacute; ne sera pas supprim&eacute;, il deviendra simplement un &eacute;l&eacute;ment individuel (une page ou un lien) visible dans votre menu de navigation.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Si vous supprimez l&rsquo;ensemble du menu d&eacute;roulant, les &eacute;l&eacute;ments qui lui &eacute;taient attribu&eacute;s ne seront pas non plus supprim&eacute;s. Ils deviendront simplement des &eacute;l&eacute;ments individuels (pages ou liens) et seront visibles dans votre menu de navigation.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Apprenez \u00e0 cr\u00e9er un menu d\u00e9roulant sur votre site Web.<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[253],"tags":[],"class_list":["post-1877","post","type-post","status-publish","format-standard","hentry","category-pages-et-navigation"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6456916-hostinger-website-builder-how-to-add-a-dropdown-menu\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6456916-hostinger-creador-de-sitios-web-como-agregar-un-menu-desplegable\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6456916-hostinger-createur-de-sites-web-comment-ajouter-un-menu-deroulant\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6456916-hostinger-website-builder-cara-menambahkan-menu-dropdown\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6456916-hostinger-svetainiu-kurimo-irankis-kaip-prideti-isskleidziama-meniu\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6456916-hostinger-criador-de-sites-como-adicionar-um-menu-suspenso-dropdown\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1877","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/comments?post=1877"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1877\/revisions"}],"predecessor-version":[{"id":3146,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1877\/revisions\/3146"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/media?parent=1877"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/categories?post=1877"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/tags?post=1877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}