{"id":142258,"date":"2023-01-09T09:30:00","date_gmt":"2023-01-09T04:00:00","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=142258"},"modified":"2023-01-12T11:06:25","modified_gmt":"2023-01-12T05:36:25","slug":"nav-menu-module","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/nav-menu-module\/","title":{"rendered":"M\u00f3dulo Nav Menu Astra 4.0.0"},"content":{"rendered":"<p>Si tiene un sitio web con muchas opciones y subp\u00e1ginas de nivel inferior, el m\u00f3dulo Nav Menu del Astra Pro es la opci\u00f3n perfecta. <\/p>\n\n\n\n<p>Con la \u00faltima versi\u00f3n Astra 4.0.0, hemos renovado todo el Men\u00fa Nav \/Mega. Ahora todo ha cambiado. En lugar de un pop-up, trajimos un dise\u00f1o flyout del lado derecho.<\/p>\n\n\n\n<p>El Complemento Nav Menu en Astra Pro le permite a\u00f1adir y crear Mega Men\u00fas. Los Mega Men\u00fas son un tipo de men\u00fa expandible donde se muestran diferentes opciones.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/09\/Astra-mega-menu.jpg\"><img decoding=\"async\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/09\/Astra-mega-menu.jpg\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<p>Astra ofrece funciones asombrosas para&nbsp;<a href=\"https:\/\/git-staging.wpastra.com\/es\/updates\/introducing-mega-menus\/?pTXyytedV9E9TFhT=1\">dise\u00f1ar la funcionalidad Mega Menu&nbsp;<\/a>con el complemento Nav Menu.<\/p>\n\n\n\n<p>Se trata de una funci\u00f3n premium disponible con el&nbsp;<a href=\"https:\/\/git-staging.wpastra.com\/es\/pro\/?pTXyytedV9E9TFhT=1\">Astra Pro&nbsp;<\/a>complemento. Para utilizar estos complementos, debe disponer de la licencia&nbsp;<a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/how-to-install-astra-theme\/?pTXyytedV9E9TFhT=1\">Tema Astra instalado<\/a>&nbsp;junto con el<a href=\"https:\/\/git-staging.wpastra.com\/es\/pricing\/?pTXyytedV9E9TFhT=1\">&nbsp;Plugin Astra Pro&nbsp;<\/a>en su sitio web.<\/p>\n\n\n\n<p>Si quieres saber m\u00e1s sobre c\u00f3mo se hace, aqu\u00ed tienes un v\u00eddeo explicativo realizado por&nbsp;<a href=\"https:\/\/www.youtube.com\/channel\/UCAgQdxFimOzBGEpw2pgrv7A\">WPBuilders<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Activar el m\u00f3dulo Nav Menu<\/h2>\n\n\n\n<p>Siga los pasos que se indican a continuaci\u00f3n para activar el m\u00f3dulo Nav Menu.<\/p>\n\n\n\n<p><strong>Primer paso<\/strong>&nbsp;- Aseg\u00farese de tener la&nbsp;<a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/how-to-install-astra-pro-addon-plugin\/?pTXyytedV9E9TFhT=1\">Plugin Astra Pro instalado<\/a>&nbsp;y activado.&nbsp;<\/p>\n\n\n\n<p><strong>Paso 2<\/strong>&nbsp;- Active el complemento desde&nbsp;<em>WordPress Dashboard \u2192 Astra \u2192 Dashboard \u2192 Men\u00fa Nav.<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/12\/Astra-Pro-Settings.gif\"><img fetchpriority=\"high\" decoding=\"async\" width=\"600\" height=\"281\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/12\/Astra-Pro-Settings.gif\" alt=\"\" class=\"wp-image-142273\"\/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Crear el Mega Men\u00fa<\/h2>\n\n\n\n<p>Si desea crear un Mega Men\u00fa, debe activar las funciones de Mega Men\u00fa para el elemento de men\u00fa de nivel superior cuyos elementos de men\u00fa secundarios desea convertir en Mega Men\u00fa.&nbsp;<\/p>\n\n\n\n<p>Sigue estos pasos para conseguirlo:<\/p>\n\n\n\n<p><strong>Primer paso<\/strong>&nbsp;- Desde el panel de control de WordPress, vaya a<em>&nbsp;Apariencia \u2192 Men\u00fas.<\/em><\/p>\n\n\n\n<p><strong>Paso 2<\/strong>&nbsp;- Seleccione el elemento de men\u00fa bajo el que desea a\u00f1adir un mega men\u00fa.<\/p>\n\n\n\n<p><strong>Paso 3<\/strong>&nbsp;- Despliegue esta opci\u00f3n de men\u00fa y haga clic en \"<strong>Ajustes del men\u00fa Astra\".<\/strong>&nbsp;bot\u00f3n<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/12\/Astra-menu-settings.png\"><img decoding=\"async\" width=\"1024\" height=\"460\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/12\/Astra-menu-settings-1024x460.png\" alt=\"\" class=\"wp-image-142274\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/12\/Astra-menu-settings-1024x460.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/12\/Astra-menu-settings-300x135.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/12\/Astra-menu-settings-768x345.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/12\/Astra-menu-settings-1536x689.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/12\/Astra-menu-settings.png 1887w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Antes de la versi\u00f3n 4.0.0. de Astra, hab\u00edas visto la ventana emergente. Pero, esta vez hemos tra\u00eddo un dise\u00f1o flyout lado derecho con 'General' y 'Dise\u00f1o' Opciones.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/12\/astra-menu-options.png\"><img decoding=\"async\" width=\"1024\" height=\"551\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/12\/astra-menu-options-1024x551.png\" alt=\"\" class=\"wp-image-142308\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/12\/astra-menu-options-1024x551.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/12\/astra-menu-options-300x161.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/12\/astra-menu-options-768x413.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/12\/astra-menu-options-1536x827.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/12\/astra-menu-options.png 1650w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Ajustes generales:<\/h3>\n\n\n\n<p><strong>Mega Men\u00fa:<\/strong><\/p>\n\n\n\n<p>Activar el Mega Men\u00fa. Esto habilitar\u00e1 las opciones del mega men\u00fa para todos los submen\u00fas del men\u00fa padre. Proporciona opciones para el men\u00fa de nivel superior\/parental. <\/p>\n\n\n\n<p><strong>Ancho del Mega Men\u00fa<\/strong>&nbsp;- Establezca el ancho de su mega men\u00fa aqu\u00ed. Estas son las opciones disponibles:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Contenido&nbsp;<\/strong>- ajuste la anchura del men\u00fa a la anchura de su contenido<\/li>\n\n\n\n<li><strong>Anchura del contenedor del men\u00fa<\/strong>&nbsp;- limitar la anchura del men\u00fa principal&nbsp;<\/li>\n\n\n\n<li><strong>Ancho total<\/strong>&nbsp;- ajuste la anchura de su mega men\u00fa a la anchura de su pantalla pero limite el contenido de su men\u00fa a la anchura del contenido.<\/li>\n\n\n\n<li><strong>Anchura total estirada<\/strong>&nbsp;- ajuste la anchura de su mega men\u00fa a la anchura completa, de borde a borde.<\/li>\n\n\n\n<li><strong>Ancho personalizado<\/strong>&nbsp;- establecer el valor de la anchura personalizada en p\u00edxeles<\/li>\n<\/ul>\n\n\n\n<p><strong>Icono:<\/strong><\/p>\n\n\n\n<p>De la lista de iconos disponibles, puede elegir el icono que desee que aparezca antes o despu\u00e9s de la etiqueta del men\u00fa.  Tambi\u00e9n puede ajustar aqu\u00ed el tama\u00f1o y el espaciado del icono.<\/p>\n\n\n\n<p><strong>Etiquetas destacadas:<\/strong><\/p>\n\n\n\n<p>Es el texto que aparece junto al elemento del men\u00fa. Resalta el men\u00fa. Las etiquetas pueden ser Gratis, Venta, Nuevo, Destacado, etc. Puede definir el texto y el color de la etiqueta.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Opciones de dise\u00f1o<\/h3>\n\n\n\n<p><strong>Tipo de fondo<\/strong><\/p>\n\n\n\n<p>El color\/imagen de fondo se ajustar\u00e1 a la caja del mega men\u00fa para el men\u00fa padre. Puede ajustar la imagen de fondo con opciones como Repetici\u00f3n de fondo, Tama\u00f1o de fondo y Posici\u00f3n de fondo.<\/p>\n\n\n\n<p><strong>\u00bfSustituir los colores de este mega men\u00fa?<\/strong><\/p>\n\n\n\n<p>Puede establecer colores para los elementos de men\u00fa presentes en la caja del mega men\u00fa para el men\u00fa padre. Las opciones disponibles son Color de texto\/enlace, Color de texto\/enlace al pasar por encima, Color de divisor de columna.<\/p>\n\n\n\n<p><strong>Espaciado<\/strong><\/p>\n\n\n\n<p>Puede definir el Margen y el Relleno de los elementos del men\u00fa.<\/p>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Si tiene un sitio web con muchas opciones y subp\u00e1ginas de nivel inferior, entonces el m\u00f3dulo Nav Menu del Astra Pro es la opci\u00f3n perfecta. Con la \u00faltima versi\u00f3n Astra 4.0.0, hemos renovado todo el Nav \/Mega Men\u00fa. Ahora todo ha cambiado. En lugar de un pop-up, hemos tra\u00eddo un dise\u00f1o flyout en el lado derecho. El [...]<\/p>","protected":false},"author":89,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","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":""},"docs_category":[187],"docs_tag":[],"class_list":{"0":"post-142258","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-nav-menu"},"spectra_custom_meta":{"wp_last_modified_info":["January 12, 2023 @ 11:06 AM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_edit_lock":["1685611490:89"],"_wplmi_last_modified":["2023-01-12 11:06:25"],"rank_math_internal_links_processed":["1"],"rank_math_primary_docs_category":["187"],"rank_math_seo_score":["26"],"_edit_last":["89"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"rank_math_analytic_object_id":["2348"],"views":["22150"],"helpful":["1"],"unhelpful":["7"],"redirects":["10"],"pfd_related_docs":[""],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"93312783e8710ef66b66881c0b454331\";s:6:\"images\";a:1:{i:0;i:131812;}}"],"_trp_automatically_translated_slug_es_ES":["modulo-de-menu-nav"]},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"mounikak","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/mounikak\/"},"uagb_comment_info":0,"uagb_excerpt":"If you have a website with a lot of options and lower-level subpages, then the Astra Pro&#8217;s Nav Menu module is the perfect option. With the Latest Astra Version 4.0.0, we have revamped the entire Nav \/Mega Menu. The whole thing has changed now. Instead of a pop-up, we brought a right-side flyout design. The&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/142258"}],"collection":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/users\/89"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=142258"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/142258\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=142258"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=142258"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=142258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}