{"id":119791,"date":"2022-03-10T11:37:42","date_gmt":"2022-03-10T06:07:42","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?p=119791"},"modified":"2023-12-28T16:08:20","modified_gmt":"2023-12-28T10:38:20","slug":"wordpress-mega-menu","status":"publish","type":"post","link":"https:\/\/git-staging.wpastra.com\/es\/blogging\/wordpress-mega-menu\/","title":{"rendered":"\u00a1C\u00f3mo Crear Mega Men\u00fa en WordPress - Mega Men\u00fas F\u00e1cil!"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div>\n<p>Los mega men\u00fas son la elecci\u00f3n obvia si desea actualizar la navegaci\u00f3n de su sitio web.<\/p>\n\n\n\n<p>Adem\u00e1s de ser atractivos, los mega men\u00fas facilitan a los visitantes la b\u00fasqueda de contenidos. Esto puede tener un impacto positivo en las tasas de conversi\u00f3n. <a href=\"https:\/\/www.nngroup.com\/articles\/mega-menus-work-well\/\" target=\"_blank\" rel=\"noreferrer noopener\">seg\u00fan la investigaci\u00f3n<\/a> de los expertos en UX Jakob Nielsen y Angie Li.<\/p>\n\n\n\n<p>Una buena herramienta de mega men\u00fa de WordPress facilita la adici\u00f3n de una serie de contenidos a sus \u00e1reas de men\u00fa desplegable o ampliable. Pueden incluir m\u00e1s enlaces, im\u00e1genes, botones e incluso productos.<\/p>\n\n\n\n<p>Tambi\u00e9n puede utilizar sus men\u00fas para dirigir el tr\u00e1fico a p\u00e1ginas espec\u00edficas de su sitio, aumentar las conversiones y promocionar ofertas.<\/p>\n\n\n\n<p>Si quieres subir el nivel de tus men\u00fas, sigue leyendo para descubrir c\u00f3mo crear un mega men\u00fa en un sitio web de WordPress.<\/p>\n\n\n\t\t\t\t<div class=\"wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-bccfcb2c\"\n\t\t\t\t\tdata-scroll= \"1\"\n\t\t\t\t\tdata-offset= \"30\"\n\t\t\t\t\tstyle=\"\"\n\t\t\t\t>\n\t\t\t\t<div class=\"uagb-toc__wrap\">\n\t\t\t\t\t\t<div class=\"uagb-toc__title\">\n\t\t\t\t\t\t\tTabla de contenidos\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"uagb-toc__list-wrap\">\n\t\t\t\t\t\t<ol class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#what-is-a-mega-menu\" class=\"uagb-toc-link__trigger\">\u00bfQu\u00e9 es un Mega Men\u00fa?<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#what-features-do-mega-menus-have\" class=\"uagb-toc-link__trigger\">\u00bfQu\u00e9 funciones tienen los mega men\u00fas?<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#how-to-add-wordpress-mega-menu-functionality-to-your-website\" class=\"uagb-toc-link__trigger\">C\u00f3mo a\u00f1adir la funcionalidad de Mega Men\u00fa de WordPress a su sitio web<\/a><\/li><\/ul><\/li><li class=\"uagb-toc__list\"><a href=\"#how-to-build-a-wordpress-mega-menu-with-astra-pro\" class=\"uagb-toc-link__trigger\">C\u00f3mo crear un Mega Men\u00fa en WordPress con Astra Pro<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#install-the-astra-theme\" class=\"uagb-toc-link__trigger\">Instalar el tema Astra<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#install-the-astra-pro-plugin\" class=\"uagb-toc-link__trigger\">Instalar el plugin Astra Pro<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#activate-the-nav-menu-module\" class=\"uagb-toc-link__trigger\">Activar el m\u00f3dulo Nav Menu<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#create-the-wordpress-mega-menu\" class=\"uagb-toc-link__trigger\">Crear el Mega Men\u00fa de WordPress<\/a><\/li><\/ul><\/li><\/ul><\/li><li class=\"uagb-toc__list\"><a href=\"#summary\" class=\"uagb-toc-link__trigger\">Resumen<\/a><\/ul><\/ul><\/ol>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 es un Mega Men\u00fa?<\/h2>\n\n\n\n<p>Para que todos estemos de acuerdo, he aqu\u00ed una explicaci\u00f3n r\u00e1pida de lo que queremos decir cuando hablamos de megamen\u00fas.<\/p>\n\n\n\n<p>Normalmente, un mega men\u00fa es un men\u00fa desplegable o un \u00e1rea de navegaci\u00f3n ampliable que suele contener algo m\u00e1s que enlaces de texto.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1000\" height=\"451\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/what-is-a-mega-menu.jpeg\" alt=\"What Is a Mega Menu\" class=\"wp-image-119792\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/what-is-a-mega-menu.jpeg 1000w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/what-is-a-mega-menu-300x135.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/what-is-a-mega-menu-768x346.jpeg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Cr\u00e9dito de la imagen <a href=\"https:\/\/www3.next.co.uk\/\" target=\"_blank\" rel=\"noreferrer noopener\">www.next.co.uk<\/a><\/p>\n\n\n\n<p>Los hay de todas las formas y tama\u00f1os. Algunas abarcan todo el ancho de su \u00e1rea de contenido, mientras que otras son lo suficientemente anchas como para contener lo que se ha a\u00f1adido a ellas.<\/p>\n\n\n\n<p>Una buena herramienta de mega men\u00fa de WordPress tambi\u00e9n hace que sea f\u00e1cil de <a href=\"https:\/\/git-staging.wpastra.com\/es\/guides-and-tutorials\/customize-wordpress-website-colors\/\" target=\"_blank\" rel=\"noreferrer noopener\">personalizar la apariencia a\u00f1adiendo colores personalizados<\/a>im\u00e1genes de fondo y etiquetas.<\/p>\n\n\n\n<p>Una buena herramienta te permitir\u00e1 insertar iconos, im\u00e1genes y casi cualquier otro contenido que se te ocurra en tus men\u00fas desplegables.<\/p>\n\n\n\n<p>Las mejores herramientas de mega men\u00fa WP tambi\u00e9n le permitir\u00e1n mostrar widgets en las \u00e1reas de navegaci\u00f3n expandibles, aumentando sus opciones de manera significativa.<\/p>\n\n\n\n<p>Una de las principales ventajas de los mega men\u00fas es que permiten organizar los enlaces de los men\u00fas de forma m\u00e1s sencilla.<\/p>\n\n\n\n<p>Por ejemplo, puede utilizar diferentes colores y formatos para separar los elementos del men\u00fa y ayudar a los visitantes a encontrar lo que buscan.<\/p>\n\n\n\n<p>A\u00f1adir etiquetas, iconos e im\u00e1genes a los megamen\u00fas tambi\u00e9n puede llamar la atenci\u00f3n sobre los contenidos clave.<\/p>\n\n\n\n<p>Si lo hace bien, podr\u00e1 convertir la navegaci\u00f3n de su sitio web en un activo atractivo, informativo y que genere conversiones.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-119791-_so7tud85vqss\"><\/a>\u00bfQu\u00e9 funciones tienen los mega men\u00fas?<\/h3>\n\n\n\n<p>La caracter\u00edstica m\u00e1s importante a la hora de elegir una herramienta que le permita crear un mega men\u00fa en un sitio web WordPress es el grado de control que le ofrece.<\/p>\n\n\n\n<p>Tambi\u00e9n desea que su herramienta de mega men\u00fa de WordPress facilite la personalizaci\u00f3n de su aspecto.<\/p>\n\n\n\n<p>La facilidad de uso tampoco debe pasarse por alto.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">C\u00f3mo a\u00f1adir la funcionalidad de Mega Men\u00fa de WordPress a su sitio web<\/h3>\n\n\n\n<p>Por defecto, WordPress no tiene la funcionalidad de mega men\u00fas. Sin embargo, gracias a su enorme biblioteca de complementos de terceros, es muy f\u00e1cil a\u00f1adir mega men\u00fas a un sitio web de WordPress, siempre que elijas la herramienta adecuada.<\/p>\n\n\n\n<p><a href=\"https:\/\/git-staging.wpastra.com\/es\/pro\/\" target=\"_blank\" rel=\"noreferrer noopener\">Astra Pro<\/a> es una de esas herramientas.<\/p>\n\n\n\n<p>Tiene todas las caracter\u00edsticas que necesita para a\u00f1adir mega men\u00fas a su sitio web WordPress.<\/p>\n\n\n\n<p>Como vamos a ver, tambi\u00e9n es muy f\u00e1cil de usar.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">C\u00f3mo crear un Mega Men\u00fa en WordPress con Astra Pro<\/h2>\n\n\n\n<p>Astra Pro es un complemento premium para el <a href=\"https:\/\/git-staging.wpastra.com\/es\/\" target=\"_blank\" rel=\"noreferrer noopener\">tema Astra WordPress gratis<\/a>. La instalaci\u00f3n del plugin Astra Pro en un sitio web de WordPress utilizando el tema Astra a\u00f1ade toda la funcionalidad necesaria para construir un mega men\u00fa, adem\u00e1s de<a href=\"https:\/\/git-staging.wpastra.com\/es\/features\/\" target=\"_blank\" rel=\"noreferrer noopener\"> mucho m\u00e1s<\/a>.<\/p>\n\n\n\n<p>Usar Astra Pro significa que no s\u00f3lo obtienes acceso a un potente tema para tu sitio web. Tambi\u00e9n obtienes todas las caracter\u00edsticas de un plugin premium de mega men\u00fa para WordPress.<\/p>\n\n\n\n<p>Si te parece interesante, aqu\u00ed tienes un tutorial sobre c\u00f3mo crear un mega men\u00fa en un sitio web WordPress con Astra Pro.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Instalar el tema Astra<\/h3>\n\n\n\n<p>Como el tema Astra est\u00e1 disponible gratuitamente, puede a\u00f1adirlo a su sitio web directamente desde el panel de control de WordPress.<\/p>\n\n\n\n<p>Para empezar, s\u00f3lo tiene que acceder a su panel de WordPress y hacer clic en el bot\u00f3n <strong>Apariencia <\/strong><em>&gt; <\/em><strong>Temas <\/strong>del panel de la barra lateral izquierda.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" width=\"1000\" height=\"692\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/wordpress-dashboard-appearance-menu.jpeg\" alt=\"WordPress dashboard appearance menu\" class=\"wp-image-119793\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/wordpress-dashboard-appearance-menu.jpeg 1000w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/wordpress-dashboard-appearance-menu-300x208.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/wordpress-dashboard-appearance-menu-768x531.jpeg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>A continuaci\u00f3n, haga clic en el bot\u00f3n <strong>A\u00f1adir nuevo<\/strong> de la p\u00e1gina Temas.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" width=\"1000\" height=\"543\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/add-new-theme-in-wordpress.jpeg\" alt=\"Add new theme in WordPress\" class=\"wp-image-119794\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/add-new-theme-in-wordpress.jpeg 1000w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/add-new-theme-in-wordpress-300x163.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/add-new-theme-in-wordpress-768x417.jpeg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Ahora busca <strong>Astra <\/strong>y, a continuaci\u00f3n, haga clic en el bot\u00f3n <strong>Instale <\/strong>bot\u00f3n.<\/p>\n\n\n\n<p>Una vez instalado el tema, haga clic en <strong>Activar<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"616\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/install-astra-theme-from-wordpress-dashboard.jpeg\" alt=\"Install Astra theme from WordPress dashboard\" class=\"wp-image-119795\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/install-astra-theme-from-wordpress-dashboard.jpeg 1000w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/install-astra-theme-from-wordpress-dashboard-300x185.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/install-astra-theme-from-wordpress-dashboard-768x473.jpeg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Instalar el plugin Astra Pro<\/h3>\n\n\n\n<p>Para a\u00f1adir la funci\u00f3n de mega men\u00fa a su sitio web, tambi\u00e9n tendr\u00e1 que instalar el plugin Astra Pro.<\/p>\n\n\n\n<p>Puedes comprar y descargar Astra Pro<a href=\"https:\/\/git-staging.wpastra.com\/es\/pricing\/\" target=\"_blank\" rel=\"noreferrer noopener\"> aqu\u00ed<\/a>.<\/p>\n\n\n\n<p>Una vez descargado en su ordenador, puede subirlo a su panel de control de WordPress.<\/p>\n\n\n\n<p>Para ello, haga clic en <strong>Plugins <\/strong><em>&gt; <\/em><strong>A\u00f1adir nuevo<\/strong> en el men\u00fa de la barra lateral.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"624\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/adding-new-plugin-in-wordpress.jpeg\" alt=\"Adding new plugin in WordPress\" class=\"wp-image-119796\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/adding-new-plugin-in-wordpress.jpeg 1000w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/adding-new-plugin-in-wordpress-300x187.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/adding-new-plugin-in-wordpress-768x479.jpeg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>A continuaci\u00f3n, haga clic en el bot\u00f3n <strong>Subir Plugin<\/strong> y localiza la ubicaci\u00f3n del archivo del plugin Astra Pro.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"236\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/upload-plugin-in-wordpress.jpeg\" alt=\"Upload plugin in WordPress\" class=\"wp-image-119797\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/upload-plugin-in-wordpress.jpeg 1000w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/upload-plugin-in-wordpress-300x71.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/upload-plugin-in-wordpress-768x181.jpeg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Ahora haga clic en el bot\u00f3n <strong>Instalar ahora<\/strong> bot\u00f3n.<\/p>\n\n\n\n<p>Una vez instalado el plugin, haga clic en <strong>Activar <\/strong>e introduzca su licencia para activar completamente el plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"381\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/upload-astra-pro-plugin.jpeg\" alt=\"Upload Astra pro plugin\" class=\"wp-image-119798\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/upload-astra-pro-plugin.jpeg 1000w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/upload-astra-pro-plugin-300x114.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/upload-astra-pro-plugin-768x293.jpeg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Activar el m\u00f3dulo Nav Menu<\/h3>\n\n\n\n<p>La funcionalidad del mega men\u00fa de Astra Pro se encuentra en el m\u00f3dulo Nav Menu. Para crear tu primer mega men\u00fa, activa este m\u00f3dulo desde la p\u00e1gina de Opciones de Astra.<\/p>\n\n\n\n<p>Para ello, haga clic en <strong>Astra<\/strong> <strong>&gt;<\/strong> <strong>Cuadro de mandos<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"407\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/astra-dashboard-1024x407.png\" alt=\"\" class=\"wp-image-148285\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/astra-dashboard-1024x407.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/astra-dashboard-300x119.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/astra-dashboard-768x305.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/astra-dashboard-1536x611.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/astra-dashboard.png 1897w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>A continuaci\u00f3n, en la p\u00e1gina Opciones de Astra, haga clic en el bot\u00f3n <strong>Activar <\/strong>para el m\u00f3dulo Nav Menu.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"450\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/Astra-\u2039-astra-\u2014-WordPress-1024x450.png\" alt=\"\" class=\"wp-image-148286\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/Astra-\u2039-astra-\u2014-WordPress-1024x450.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/Astra-\u2039-astra-\u2014-WordPress-300x132.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/Astra-\u2039-astra-\u2014-WordPress-768x338.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/Astra-\u2039-astra-\u2014-WordPress-1536x676.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/03\/Astra-\u2039-astra-\u2014-WordPress.png 1671w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Crear el Mega Men\u00fa de WordPress<\/h3>\n\n\n\n<p>Ahora es el momento de empezar a construir el mega men\u00fa. En primer lugar, haga clic en el <strong>Apariencia <\/strong><em>&gt; <\/em><strong>Men\u00fas <\/strong>del men\u00fa de la barra lateral.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"443\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/wordpress-dashboard-menus-menu-item.jpeg\" alt=\"WordPress dashboard menus menu item\" class=\"wp-image-119801\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/wordpress-dashboard-menus-menu-item.jpeg 1000w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/wordpress-dashboard-menus-menu-item-300x133.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/wordpress-dashboard-menus-menu-item-768x340.jpeg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Si su sitio a\u00fan no tiene ning\u00fan men\u00fa configurado, introduzca un nombre en el campo <strong>Nombre del men\u00fa<\/strong> y seleccione el campo <strong>Men\u00fa principal<\/strong> ubicaci\u00f3n de la pantalla.<\/p>\n\n\n\n<p>A continuaci\u00f3n, haga clic en el bot\u00f3n <strong>Crear men\u00fa<\/strong> bot\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"727\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/wordpress-create-new-menu.jpeg\" alt=\"WordPress create new menu\" class=\"wp-image-119802\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/wordpress-create-new-menu.jpeg 1000w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/wordpress-create-new-menu-300x218.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/wordpress-create-new-menu-768x558.jpeg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>A continuaci\u00f3n, a\u00f1ada uno o varios elementos al men\u00fa seleccionando p\u00e1ginas o entradas en el panel de la izquierda y haciendo clic en <strong>A\u00f1adir al men\u00fa<\/strong><em>.<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"719\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/wordpress-add-items-to-menu.jpeg\" alt=\"WordPress add items to menu\" class=\"wp-image-119803\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/wordpress-add-items-to-menu.jpeg 1000w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/wordpress-add-items-to-menu-300x216.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/wordpress-add-items-to-menu-768x552.jpeg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Ahora expanda uno de los elementos que acaba de a\u00f1adir, como una p\u00e1gina, y haga clic en el bot\u00f3n <strong>Ajustes del men\u00fa Astra<\/strong> bot\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"766\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/astra-menu-settings.jpeg\" alt=\"Astra Menu Settings\" class=\"wp-image-119804\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/astra-menu-settings.jpeg 1000w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/astra-menu-settings-300x230.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/astra-menu-settings-768x588.jpeg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>En la pantalla Astra Menu Options que aparece, marca la casilla para activar los mega men\u00fas.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"821\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/enable-mega-menu-using-astra.jpeg\" alt=\"Enable mega menu using Astra\" class=\"wp-image-119805\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/enable-mega-menu-using-astra.jpeg 1000w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/enable-mega-menu-using-astra-300x246.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/enable-mega-menu-using-astra-768x631.jpeg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Una vez hecho esto, puede seleccionar una anchura para el mega men\u00fa en el men\u00fa desplegable.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"343\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-width-settings.jpeg\" alt=\"Mega menu width settings\" class=\"wp-image-119806\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-width-settings.jpeg 1000w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-width-settings-300x103.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-width-settings-768x263.jpeg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Tambi\u00e9n puede establecer la imagen de fondo o el color del mega men\u00fa.<\/p>\n\n\n\n<p>Si activas una imagen de fondo, tambi\u00e9n puedes definir c\u00f3mo se muestra.<\/p>\n\n\n\n<p>Astra Pro tambi\u00e9n le permite controlar c\u00f3mo se muestran los enlaces en su mega men\u00fa, d\u00e1ndole la opci\u00f3n de anular los colores del men\u00fa por defecto de su sitio.<\/p>\n\n\n\n<p>Si desea que el elemento de men\u00fa destaque, tambi\u00e9n puede darle una etiqueta de texto personalizada, con su propia configuraci\u00f3n de color.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"721\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-background-color-settings.jpeg\" alt=\"Mega menu background  color settings\" class=\"wp-image-119807\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-background-color-settings.jpeg 1000w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-background-color-settings-300x216.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-background-color-settings-768x554.jpeg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Otra opci\u00f3n es utilizar las Etiquetas resaltadas para a\u00f1adir r\u00e1pidamente texto adicional a los elementos del men\u00fa.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"563\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-label-settings.jpeg\" alt=\"Mega menu label settings\" class=\"wp-image-119808\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-label-settings.jpeg 1000w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-label-settings-300x169.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-label-settings-768x432.jpeg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Si a\u00f1ade una etiqueta, se mostrar\u00e1 junto al elemento de men\u00fa al que la haya a\u00f1adido.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"390\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-label-example.jpeg\" alt=\"Mega menu label example\" class=\"wp-image-119809\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-label-example.jpeg 1000w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-label-example-300x117.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-label-example-768x300.jpeg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>La configuraci\u00f3n avanzada permite personalizar el margen y el relleno de los elementos del men\u00fa.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"573\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-advanced-settings.jpeg\" alt=\"Mega menu advanced settings\" class=\"wp-image-119810\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-advanced-settings.jpeg 1000w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-advanced-settings-300x172.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-advanced-settings-768x440.jpeg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">A\u00f1adir submen\u00fas al Mega Men\u00fa<\/h4>\n\n\n\n<p>Cada elemento a\u00f1adido a su men\u00fa, como un enlace de p\u00e1gina, ser\u00e1 una nueva columna en el \u00e1rea del mega men\u00fa desplegable.<\/p>\n\n\n\n<p>Sin embargo, tambi\u00e9n puede a\u00f1adir subelementos a esos elementos de nivel superior, como se muestra a continuaci\u00f3n:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"396\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-example.jpeg\" alt=\"Mega menu example\" class=\"wp-image-119811\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-example.jpeg 1000w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-example-300x119.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-example-768x304.jpeg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Para ello, a\u00f1ada m\u00e1s elementos a su men\u00fa seleccion\u00e1ndolos entre las opciones disponibles.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"672\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-structure-settings.jpeg\" alt=\"Mega menu structure settings\" class=\"wp-image-119812\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-structure-settings.jpeg 1000w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-structure-settings-300x202.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-structure-settings-768x516.jpeg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Tras hacer clic en el bot\u00f3n <strong>A\u00f1adir al men\u00fa<\/strong> para a\u00f1adir los elementos al men\u00fa, puede organizarlos de modo que sean un subelemento de uno de los elementos superiores.<\/p>\n\n\n\n<p>Deber\u00eda acabar con una estructura similar a la de la siguiente captura de pantalla.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"816\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-structure-example.jpeg\" alt=\"Mega menu structure example\" class=\"wp-image-119813\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-structure-example.jpeg 1000w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-structure-example-300x245.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-structure-example-768x627.jpeg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Puedes personalizar los men\u00fas desplazando los elementos, cambiando sus propiedades de visualizaci\u00f3n y a\u00f1adiendo etiquetas.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">A\u00f1adir contenido personalizado al Mega Men\u00fa<\/h4>\n\n\n\n<p>La funcionalidad del mega men\u00fa de Astra Pro no se detiene ah\u00ed. Si quieres ser a\u00fan m\u00e1s creativo, puedes a\u00f1adir una amplia gama de contenido a tus mega men\u00fas, incluyendo texto personalizado, widgets, y <a href=\"https:\/\/git-staging.wpastra.com\/website-templates\/\" target=\"_blank\" rel=\"noreferrer noopener\">plantillas<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"846\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-widget-settings.jpeg\" alt=\"Mega menu widget settings\" class=\"wp-image-119814\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-widget-settings.jpeg 1000w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-widget-settings-300x254.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-widget-settings-768x650.jpeg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Puedes a\u00f1adir a tu mega men\u00fa cualquier widget que est\u00e9 activo en tu sitio, ya sea parte de WordPress, Astra u otro plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"530\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-widget-example.jpeg\" alt=\"Mega menu widget example\" class=\"wp-image-119815\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-widget-example.jpeg 1000w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-widget-example-300x159.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/mega-menu-widget-example-768x407.jpeg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"post-119791-_1py5zcsb9518\"><\/a>Resumen<\/h2>\n\n\n\n<p>Como puede ver, a\u00f1adir un mega men\u00fa a un sitio web WordPress es bastante sencillo si elige la herramienta adecuada.<\/p>\n\n\n\n<p>En unos pocos clics, puede empezar a mejorar sus men\u00fas de WordPress para que funcionen como usted desea.<\/p>\n\n\n\n<p>Si quiere que sus men\u00fas tengan mejor aspecto o sirvan mejor a sus objetivos, los megamen\u00fas pueden ayudarle.<\/p>\n\n\n\n<p>Encontrar\u00e1 m\u00e1s informaci\u00f3n sobre esta funci\u00f3n en la p\u00e1gina <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/nav-menu-addon\/\" target=\"_blank\" rel=\"noreferrer noopener\">P\u00e1gina del mega men\u00fa Astra Pro<\/a> de nuestro sitio web.<\/p>","protected":false},"excerpt":{"rendered":"<p>Los mega men\u00fas son la opci\u00f3n obvia si desea mejorar la navegaci\u00f3n de su sitio web. Adem\u00e1s de ser atractivos, los mega men\u00fas facilitan que los visitantes encuentren m\u00e1s contenido. Esto puede tener un impacto positivo en las tasas de conversi\u00f3n, seg\u00fan las investigaciones de los expertos en UX Jakob Nielsen y Angie Li. [...]<\/p>","protected":false},"author":9,"featured_media":119834,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[2121],"tags":[],"class_list":{"0":"post-119791","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-blogging"},"spectra_custom_meta":{"wp_last_modified_info":["March 8, 2022 @ 9:50 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_edit_lock":["1703675102:25"],"rank_math_seo_score":["46"],"_edit_last":["85"],"astra_display_author":["9"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"rank_math_internal_links_processed":["1"],"_lmt_disableupdate":["yes"],"_wplmi_last_modified":["2022-03-08 21:50:02"],"_lmt_disable":["no"],"_ppc_meta_key":["a:16:{s:8:\"ppc_key5\";s:37:\"Title is Catchy and Slug is Optimized\";s:8:\"ppc_key4\";s:15:\"Formatting Done\";s:20:\"ppc_key5d92f85d42273\";s:60:\"Images &amp; Names Correctly. Title &amp; Alt Tags are Given\";s:8:\"ppc_key3\";s:28:\"Category and Author Selected\";s:8:\"ppc_key8\";s:28:\"Spelling and Grammar Checked\";s:8:\"ppc_key2\";s:23:\"Featured Image Assigned\";s:8:\"ppc_key6\";s:22:\"Social Images Assigned\";s:8:\"ppc_key7\";s:8:\"Done SEO\";s:20:\"ppc_key5ddf5ba19a347\";s:9:\"TOC Added\";s:20:\"ppc_key5ddf5c326920c\";s:59:\"Headings are in title-case and have appropriate heading tag\";s:20:\"ppc_key5ddf5b93dc6a6\";s:21:\"Affiliate Links Added\";s:20:\"ppc_key610cc9c5c4d6c\";s:37:\"For new content disable updated date.\";s:20:\"ppc_key610cc9d811cfe\";s:39:\"For updated content enable updated date\";s:20:\"ppc_key62b0173b707c0\";s:40:\"For updated content, enable updated date\";s:20:\"ppc_key62b0172ee5a4c\";s:23:\"Featured image assigned\";s:20:\"ppc_key62b01736334b5\";s:37:\"For new content, disable updated date\";}"],"rank_math_title":["How To Create Mega Menu in WordPress \u2013 Mega Menus Made Easy!"],"rank_math_facebook_title":["How To Create Mega Menu in WordPress \u2013 Mega Menus Made Easy!"],"rank_math_facebook_image":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/Easily-Create-Mega-Menu-With-WordPress.jpg"],"rank_math_facebook_image_id":["119834"],"rank_math_description":["Discover how to create mega menu in WordPress. Use interactive menus used by top stores and websites on your own. We walk you through the entire process!"],"rank_math_facebook_description":["Discover how to create mega menu in WordPress. Use interactive menus used by top stores and websites on your own. We walk you through the entire process!"],"rank_math_focus_keyword":["how to create mega menu in wordpress"],"_thumbnail_id":["119834"],"_wp_old_date":["2022-03-09"],"rank_math_analytic_object_id":["1652"],"uael-social-share-count":["a:1:{s:8:\"1b71105e\";i:540;}"],"_wpml_media_featured":["1"],"_wpml_media_duplicate":["0"],"_wpml_word_count":["{\"total\":1451,\"to_translate\":{\"es\":1451}}"],"rank_math_twitter_title":["How To Create Mega Menu in WordPress \u2013 Mega Menus Made Easy!"],"rank_math_twitter_description":["Discover how to create mega menu in WordPress. Use interactive menus used by top stores and websites on your own. We walk you through the entire process!"],"_trp_automatically_translated_slug_es_ES":["mega-menu-wordpress"],"_uagb_toc_options":["a:2:{s:17:\"_uagb_toc_version\";s:10:\"1780767899\";s:18:\"_uagb_toc_headings\";a:11:{i:0;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:19:\"what-is-a-mega-menu\";s:7:\"content\";s:20:\"What Is a Mega Menu?\";s:5:\"depth\";i:2;}i:1;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:32:\"what-features-do-mega-menus-have\";s:7:\"content\";s:33:\"What Features Do Mega Menus Have?\";s:5:\"depth\";i:3;}i:2;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:60:\"how-to-add-wordpress-mega-menu-functionality-to-your-website\";s:7:\"content\";s:60:\"How to Add WordPress Mega Menu Functionality to Your Website\";s:5:\"depth\";i:3;}i:3;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:49:\"how-to-build-a-wordpress-mega-menu-with-astra-pro\";s:7:\"content\";s:49:\"How to Build a WordPress Mega Menu With Astra Pro\";s:5:\"depth\";i:2;}i:4;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:23:\"install-the-astra-theme\";s:7:\"content\";s:23:\"Install the Astra Theme\";s:5:\"depth\";i:3;}i:5;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:28:\"install-the-astra-pro-plugin\";s:7:\"content\";s:28:\"Install the Astra Pro Plugin\";s:5:\"depth\";i:3;}i:6;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:28:\"activate-the-nav-menu-module\";s:7:\"content\";s:28:\"Activate the Nav Menu Module\";s:5:\"depth\";i:3;}i:7;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:30:\"create-the-wordpress-mega-menu\";s:7:\"content\";s:30:\"Create the WordPress Mega Menu\";s:5:\"depth\";i:3;}i:8;a:4:{s:5:\"level\";i:4;s:2:\"id\";s:32:\"adding-submenus-to-the-mega-menu\";s:7:\"content\";s:32:\"Adding Submenus to the Mega Menu\";s:5:\"depth\";i:4;}i:9;a:4:{s:5:\"level\";i:4;s:2:\"id\";s:38:\"adding-custom-content-to-the-mega-menu\";s:7:\"content\";s:38:\"Adding Custom Content to the Mega Menu\";s:5:\"depth\";i:4;}i:10;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:7:\"summary\";s:7:\"content\";s:7:\"Summary\";s:5:\"depth\";i:2;}}}","a:2:{s:17:\"_uagb_toc_version\";s:10:\"1780767899\";s:18:\"_uagb_toc_headings\";a:11:{i:0;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:19:\"what-is-a-mega-menu\";s:7:\"content\";s:20:\"What Is a Mega Menu?\";s:5:\"depth\";i:2;}i:1;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:32:\"what-features-do-mega-menus-have\";s:7:\"content\";s:33:\"What Features Do Mega Menus Have?\";s:5:\"depth\";i:3;}i:2;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:60:\"how-to-add-wordpress-mega-menu-functionality-to-your-website\";s:7:\"content\";s:60:\"How to Add WordPress Mega Menu Functionality to Your Website\";s:5:\"depth\";i:3;}i:3;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:49:\"how-to-build-a-wordpress-mega-menu-with-astra-pro\";s:7:\"content\";s:49:\"How to Build a WordPress Mega Menu With Astra Pro\";s:5:\"depth\";i:2;}i:4;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:23:\"install-the-astra-theme\";s:7:\"content\";s:23:\"Install the Astra Theme\";s:5:\"depth\";i:3;}i:5;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:28:\"install-the-astra-pro-plugin\";s:7:\"content\";s:28:\"Install the Astra Pro Plugin\";s:5:\"depth\";i:3;}i:6;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:28:\"activate-the-nav-menu-module\";s:7:\"content\";s:28:\"Activate the Nav Menu Module\";s:5:\"depth\";i:3;}i:7;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:30:\"create-the-wordpress-mega-menu\";s:7:\"content\";s:30:\"Create the WordPress Mega Menu\";s:5:\"depth\";i:3;}i:8;a:4:{s:5:\"level\";i:4;s:2:\"id\";s:32:\"adding-submenus-to-the-mega-menu\";s:7:\"content\";s:32:\"Adding Submenus to the Mega Menu\";s:5:\"depth\";i:4;}i:9;a:4:{s:5:\"level\";i:4;s:2:\"id\";s:38:\"adding-custom-content-to-the-mega-menu\";s:7:\"content\";s:38:\"Adding Custom Content to the Mega Menu\";s:5:\"depth\";i:4;}i:10;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:7:\"summary\";s:7:\"content\";s:7:\"Summary\";s:5:\"depth\";i:2;}}}"],"_uag_page_assets":["a:9:{s:3:\"css\";s:4513:\".uagb-block-bccfcb2c.wp-block-uagb-table-of-contents{text-align: left;}.uagb-block-bccfcb2c .uagb-toc__list-wrap li a{color: #54595F;}.uagb-block-bccfcb2c .uagb-toc__wrap .uagb-toc__title-wrap{justify-content: left;}.uagb-block-bccfcb2c .uagb-toc__wrap .uagb-toc__title{justify-content: left;}.uagb-block-bccfcb2c .uagb-toc__wrap{border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 6px;border-top-right-radius: 6px;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;border-color: #333;border-style: solid;padding-left: 30px;padding-right: 30px;padding-top: 30px;padding-bottom: 30px;background: #fff;width: 100%;}.uagb-block-bccfcb2c .uagb-toc__list-wrap{column-count: 1;overflow: hidden;text-align: left;}.uagb-block-bccfcb2c .uagb-toc__list-wrap > ul.uagb-toc__list > li:first-child{padding-top: 0;}.uagb-block-bccfcb2c .uagb-toc__list-wrap ul.uagb-toc__list:last-child > li:last-child{padding-bottom: 0;}.uagb-block-bccfcb2c .uagb-toc__list .uagb-toc__list{list-style-type: disc !important;}.uagb-block-bccfcb2c .uagb-toc__title{font-weight: Default;font-size: 20px;}.uagb-block-bccfcb2c .uagb-toc__list-wrap ol li a{text-decoration: underline;}@media only screen and (max-width: 976px) {.uagb-block-bccfcb2c .uagb-toc__wrap{border-style: solid;}.uagb-block-bccfcb2c .uagb-toc__list-wrap{column-count: 1;overflow: hidden;text-align: left;}.uagb-block-bccfcb2c .uagb-toc__list-wrap > ul.uagb-toc__list > li:first-child{padding-top: 0;}.uagb-block-bccfcb2c .uagb-toc__list-wrap ul.uagb-toc__list:last-child > li:last-child{padding-bottom: 0;}}@media only screen and (max-width: 767px) {.uagb-block-bccfcb2c .uagb-toc__wrap{border-style: solid;}.uagb-block-bccfcb2c .uagb-toc__list-wrap{column-count: 1;overflow: hidden;text-align: left;}.uagb-block-bccfcb2c .uagb-toc__list-wrap > ul.uagb-toc__list > li:first-child{padding-top: 0;}.uagb-block-bccfcb2c .uagb-toc__list-wrap ul.uagb-toc__list:last-child > li:last-child{padding-bottom: 0;}}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1200px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-debf2792{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;overflow: visible;border-color: inherit;row-gap: 0px;column-gap: 0px;}@media only screen and (max-width: 976px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}@media only screen and (max-width: 767px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}\";s:2:\"js\";s:265:\"document.addEventListener(\"DOMContentLoaded\", function(){ window.addEventListener( 'load', function(){\n\tUAGBTableOfContents._run( {\"mappingHeaders\":[false,true,true,false,false,false],\"scrollToTop\":false,\"makeCollapsible\":false}, '.uagb-block-bccfcb2c' );\n} );\n });\";s:18:\"current_block_list\";a:6:{i:0;s:14:\"core\/paragraph\";i:1;s:22:\"uagb\/table-of-contents\";i:2;s:12:\"core\/heading\";i:3;s:10:\"core\/image\";i:4;s:14:\"uagb\/container\";i:5;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1780761080\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"]},"uagb_featured_image_src":{"full":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/Easily-Create-Mega-Menu-With-WordPress.jpg",1200,630,false],"thumbnail":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/Easily-Create-Mega-Menu-With-WordPress-150x150.jpg",150,150,true],"medium":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/Easily-Create-Mega-Menu-With-WordPress-300x158.jpg",300,158,true],"medium_large":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/Easily-Create-Mega-Menu-With-WordPress-768x403.jpg",768,403,true],"large":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/Easily-Create-Mega-Menu-With-WordPress-1024x538.jpg",1024,538,true],"1536x1536":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/Easily-Create-Mega-Menu-With-WordPress.jpg",1200,630,false],"2048x2048":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/Easily-Create-Mega-Menu-With-WordPress.jpg",1200,630,false],"trp-custom-language-flag":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/03\/Easily-Create-Mega-Menu-With-WordPress.jpg",18,9,false]},"uagb_author_info":{"display_name":"Pratik Chaskar","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/pratikc\/"},"uagb_comment_info":8,"uagb_excerpt":"Mega menus are the obvious choice if you want to upgrade your website navigation. They don\u2019t just look cool, mega menus can also make it easier for visitors to find more of your content. This can then have a positive impact on conversion rates according to research from UX experts Jakob Nielsen and Angie Li.&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/posts\/119791"}],"collection":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=119791"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/posts\/119791\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media\/119834"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=119791"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/categories?post=119791"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/tags?post=119791"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}