{"id":245,"date":"2022-10-17T13:49:48","date_gmt":"2022-10-17T13:49:48","guid":{"rendered":"https:\/\/blog.hostinger.io\/es\/support\/2022\/10\/17\/6456916-hostinger-creador-de-sitios-web-como-agregar-un-menu-desplegable\/"},"modified":"2026-05-08T14:31:04","modified_gmt":"2026-05-08T14:31:04","slug":"6456916-hostinger-creador-de-sitios-web-como-agregar-un-menu-desplegable","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/es\/support\/6456916-hostinger-creador-de-sitios-web-como-agregar-un-menu-desplegable\/","title":{"rendered":"Hostinger Creador de Sitios Web: C\u00f3mo Agregar Un Men\u00fa Desplegable"},"content":{"rendered":"<p class=\"no-margin\">Hay dos maneras de crear un men&uacute; desplegable con nuestro creador de webs; puedes elegir crear un men&uacute; desplegable simple o con una p&aacute;gina de destino dedicada: <\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a data-click-id=\"hgr-post-content-link-crear-un-menu-desplegable-simple\" href=\"#h_492af95cfc\" target=\"_blank\" class=\"intercom-content-link\">Crear un men&uacute; desplegable simple<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a data-click-id=\"hgr-post-content-link-crear-un-menu-desplegable-con-una-pagina-de-destino-dedicada\" href=\"#h_a9d18ba6b1\" target=\"_blank\" class=\"intercom-content-link\">Crear un men&uacute; desplegable con una p&aacute;gina de destino dedicada<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a data-click-id=\"hgr-post-content-link-como-eliminar-una-pagina-del-menu-desplegable\" href=\"#h_1e05491130\" target=\"_blank\" class=\"intercom-content-link\">C&oacute;mo eliminar una p&aacute;gina del men&uacute; desplegable<\/a><\/b><\/p>\n<\/li>\n<\/ul><p class=\"no-margin\"><b>NOTA<\/b>: Los enlaces (los men&uacute;s desplegables incluidos) suelen ser invisibles dentro del editor y el <b><a data-click-id=\"hgr-post-content-link-modo-de-vista-previa\" href=\"\/es\/support\/6475345-creador-de-webs-como-previsualizar-una-pagina\/\" target=\"_blank\" class=\"intercom-content-link\">modo de vista previa<\/a><\/b> ya que es posible que algunos no existan hasta que <b><a data-click-id=\"hgr-post-content-link-publiques\" href=\"\/es\/support\/6475340-creador-de-webs-como-publicar-una-web\/\" target=\"_blank\" class=\"intercom-content-link\">publiques<\/a><\/b> o <b><a data-click-id=\"hgr-post-content-link-actualices\" href=\"\/es\/support\/6435697-creador-de-webs-como-actualizar-tu-sitio-web\/\" target=\"_blank\" class=\"intercom-content-link\">actualices<\/a><\/b> tu web. <\/p><p class=\"no-margin\">\n<\/p><h1 id=\"h_492af95cfc\"><b>Crear un men&uacute; desplegable simple<\/b><\/h1><p class=\"no-margin\">Este tipo de men&uacute; desplegable se expande al pasar el rat&oacute;n sobre su t&iacute;tulo. El t&iacute;tulo no ser&aacute; vinculado a ninguna p&aacute;gina; es decir, si se hace clic sobre &eacute;l, no se abre ninguna p&aacute;gina. <\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">1. Dentro del editor, abre el panel <b>Men&uacute; del sitio web<\/b> a la izquierda y haz clic en el bot&oacute;n <b>Agregar un nuevo men&uacute; desplegable<\/b> al fondo del men&uacute;:  <\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2022\/10\/2181f3db-ca83-4ae8-8c7d-0996f9b68a03.jpg\" data-media-id=\"2760\" alt=\"Creador de sitios web de Hostinger: bot&oacute;n para agregar un nuevo men&uacute; desplegable en el editor\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Se insertar&aacute; un &iacute;tem de men&uacute; desplegable en el men&uacute; de navegaci&oacute;n de tu sitio web. <\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">2. Cambia el nombre del men&uacute; desplegable haciendo clic en el bot&oacute;n de la rueda dentada de la configuraci&oacute;n y seleccionando <b>Renombrar<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2022\/10\/16996bc3-dd88-4245-92e7-a5b401372bd2.jpg\" data-media-id=\"2761\" alt=\"Hostinger Creador de Sitios: men&uacute; desplegable con la opci&oacute;n renombrar resaltada\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">3. Para asignar p&aacute;ginas (o enlaces) a un men&uacute; desplegable, arrastra cada p&aacute;gina (o enlace) con los 6 puntos para que aparezcan debajo del men&uacute; desplegable: <\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2022\/10\/148d7b43-6460-450a-892c-b0f7ec53d4b9.jpg\" data-media-id=\"2763\" alt=\"Hostinger Creador de Sitios: elemento de arrastre resaltado para mover una p&aacute;gina en el men&uacute; del sitio web\"><\/div><p class=\"no-margin\">\n<\/p><h1 id=\"h_a9d18ba6b1\"><b>Crear un men&uacute; desplegable con una p&aacute;gina de destino dedicada<\/b><\/h1><p class=\"no-margin\">Este tipo de men&uacute; desplegable se expande al pasar el rat&oacute;n sobre su t&iacute;tulo. Se puede hacer clic sobre el t&iacute;tulo y, al hacerlo, se abre la p&aacute;gina principal de tu men&uacute; desplegable (la p&aacute;gina de destino dedicada).  <\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">1. Dentro del editor, abre el panel <b>Men&uacute; del sitio web<\/b> a la izquierda. Selecciona la p&aacute;gina que quieres que sea la p&aacute;gina principal de tu men&uacute; desplegable. Al hacerlo de esta manera, el t&iacute;tulo de esta p&aacute;gina ser&aacute; el t&iacute;tulo de tu men&uacute; desplegable. Tambi&eacute;n puedes crear una <b><a data-click-id=\"hgr-post-content-link-nueva-pagina\" href=\"\/es\/support\/6456705-creador-de-webs-como-agregar-mas-paginas\/\" target=\"_blank\" class=\"intercom-content-link\">nueva p&aacute;gina<\/a><\/b> para tu men&uacute; desplegable que se abrir&aacute; al hacer clic en el t&iacute;tulo. <\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">2. Para asignar p&aacute;ginas (o enlaces) a tu men&uacute; desplegable, arrastra cada p&aacute;gina (o enlace) con los 6 puntos (hacia el lado derecha del men&uacute; desplegable) para que aparezcan debajo del men&uacute; desplegable: <\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2022\/10\/ec748711-b1ce-47ff-92e7-ca82075fe865.jpg\" data-media-id=\"2764\" alt=\"Hostinger Creador de Sitios: asa para arrastrar y mover un elemento del men&uacute; del sitio web\"><\/div><p class=\"no-margin\">\n<\/p><h1 id=\"h_1e05491130\"><b>C&oacute;mo eliminar una p&aacute;gina del men&uacute; desplegable<\/b><\/h1><p class=\"no-margin\">Para quitar una p&aacute;gina o enlace del men&uacute; desplegable, expande el panel Men&uacute; del sitio web a la izquierda y busca la p&aacute;gina o enlace que quieres eliminar. Haz clic en la rueda dentada de la configuraci&oacute;n y selecciona la opci&oacute;n <b>Salir del men&uacute; desplegable<\/b>: <\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2022\/10\/04133005-f4ea-4743-a171-b6cb340a2fbe.jpg\" data-media-id=\"2765\" alt=\"Hostinger Creador: opci&oacute;n &ldquo;Salir del men&uacute; desplegable&rdquo; resaltada en el men&uacute; del sitio web\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">La p&aacute;gina seleccionada no se eliminar&aacute;, s&oacute;lo se convertir&aacute; en un &iacute;tem individual (una p&aacute;gina o un enlace) visible en tu men&uacute; de navegaci&oacute;n.<\/p><p class=\"no-margin\">Si eliminas todo el men&uacute; desplegable, los elementos que se le asignaron tampoco se eliminar&aacute;n; simplemente se convertir&aacute;n en p&aacute;ginas individuales (o enlaces) y ser&aacute;n visibles en tu men&uacute; del sitio web.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aqu\u00ed te ense\u00f1amos c\u00f3mo crear un men\u00fa expandible en tu sitio 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":[254],"tags":[],"class_list":["post-245","post","type-post","status-publish","format-standard","hentry","category-paginas-y-navegacion"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6456916-hostinger-ai-builder-manual-mode-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-BR","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\/es\/support\/wp-json\/wp\/v2\/posts\/245","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/comments?post=245"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/245\/revisions"}],"predecessor-version":[{"id":2768,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/245\/revisions\/2768"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/media?parent=245"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/categories?post=245"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/tags?post=245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}