¡Cómo Crear Mega Menú en WordPress - Mega Menús Fácil!

Easily Create Mega Menu With WordPress

Los mega menús son la elección obvia si desea actualizar la navegación de su sitio web.

Además de ser atractivos, los mega menús facilitan a los visitantes la búsqueda de contenidos. Esto puede tener un impacto positivo en las tasas de conversión. según la investigación de los expertos en UX Jakob Nielsen y Angie Li.

Una buena herramienta de mega menú de WordPress facilita la adición de una serie de contenidos a sus áreas de menú desplegable o ampliable. Pueden incluir más enlaces, imágenes, botones e incluso productos.

También puede utilizar sus menús para dirigir el tráfico a páginas específicas de su sitio, aumentar las conversiones y promocionar ofertas.

Si quieres subir el nivel de tus menús, sigue leyendo para descubrir cómo crear un mega menú en un sitio web de WordPress.

¿Qué es un Mega Menú?

Para que todos estemos de acuerdo, he aquí una explicación rápida de lo que queremos decir cuando hablamos de megamenús.

Normalmente, un mega menú es un menú desplegable o un área de navegación ampliable que suele contener algo más que enlaces de texto.

What Is a Mega Menu

Crédito de la imagen www.next.co.uk

Los hay de todas las formas y tamaños. Algunas abarcan todo el ancho de su área de contenido, mientras que otras son lo suficientemente anchas como para contener lo que se ha añadido a ellas.

Una buena herramienta de mega menú de WordPress también hace que sea fácil de personalizar la apariencia añadiendo colores personalizadosimágenes de fondo y etiquetas.

Una buena herramienta te permitirá insertar iconos, imágenes y casi cualquier otro contenido que se te ocurra en tus menús desplegables.

Las mejores herramientas de mega menú WP también le permitirán mostrar widgets en las áreas de navegación expandibles, aumentando sus opciones de manera significativa.

Una de las principales ventajas de los mega menús es que permiten organizar los enlaces de los menús de forma más sencilla.

Por ejemplo, puede utilizar diferentes colores y formatos para separar los elementos del menú y ayudar a los visitantes a encontrar lo que buscan.

Añadir etiquetas, iconos e imágenes a los megamenús también puede llamar la atención sobre los contenidos clave.

Si lo hace bien, podrá convertir la navegación de su sitio web en un activo atractivo, informativo y que genere conversiones.

¿Qué funciones tienen los mega menús?

La característica más importante a la hora de elegir una herramienta que le permita crear un mega menú en un sitio web WordPress es el grado de control que le ofrece.

También desea que su herramienta de mega menú de WordPress facilite la personalización de su aspecto.

La facilidad de uso tampoco debe pasarse por alto.

Cómo añadir la funcionalidad de Mega Menú de WordPress a su sitio web

Por defecto, WordPress no tiene la funcionalidad de mega menús. Sin embargo, gracias a su enorme biblioteca de complementos de terceros, es muy fácil añadir mega menús a un sitio web de WordPress, siempre que elijas la herramienta adecuada.

Astra Pro es una de esas herramientas.

Tiene todas las características que necesita para añadir mega menús a su sitio web WordPress.

Como vamos a ver, también es muy fácil de usar.

Cómo crear un Mega Menú en WordPress con Astra Pro

Astra Pro es un complemento premium para el tema Astra WordPress gratis. La instalación del plugin Astra Pro en un sitio web de WordPress utilizando el tema Astra añade toda la funcionalidad necesaria para construir un mega menú, además de mucho más.

Usar Astra Pro significa que no sólo obtienes acceso a un potente tema para tu sitio web. También obtienes todas las características de un plugin premium de mega menú para WordPress.

Si te parece interesante, aquí tienes un tutorial sobre cómo crear un mega menú en un sitio web WordPress con Astra Pro.

Instalar el tema Astra

Como el tema Astra está disponible gratuitamente, puede añadirlo a su sitio web directamente desde el panel de control de WordPress.

Para empezar, sólo tiene que acceder a su panel de WordPress y hacer clic en el botón Apariencia > Temas del panel de la barra lateral izquierda.

WordPress dashboard appearance menu

A continuación, haga clic en el botón Añadir nuevo de la página Temas.

Add new theme in WordPress

Ahora busca Astra y, a continuación, haga clic en el botón Instale botón.

Una vez instalado el tema, haga clic en Activar.

Install Astra theme from WordPress dashboard

Instalar el plugin Astra Pro

Para añadir la función de mega menú a su sitio web, también tendrá que instalar el plugin Astra Pro.

Puedes comprar y descargar Astra Pro aquí.

Una vez descargado en su ordenador, puede subirlo a su panel de control de WordPress.

Para ello, haga clic en Plugins > Añadir nuevo en el menú de la barra lateral.

Adding new plugin in WordPress

A continuación, haga clic en el botón Subir Plugin y localiza la ubicación del archivo del plugin Astra Pro.

Upload plugin in WordPress

Ahora haga clic en el botón Instalar ahora botón.

Una vez instalado el plugin, haga clic en Activar e introduzca su licencia para activar completamente el plugin.

Upload Astra pro plugin

Activar el módulo Nav Menu

La funcionalidad del mega menú de Astra Pro se encuentra en el módulo Nav Menu. Para crear tu primer mega menú, activa este módulo desde la página de Opciones de Astra.

Para ello, haga clic en Astra > Cuadro de mandos

A continuación, en la página Opciones de Astra, haga clic en el botón Activar para el módulo Nav Menu.

Crear el Mega Menú de WordPress

Ahora es el momento de empezar a construir el mega menú. En primer lugar, haga clic en el Apariencia > Menús del menú de la barra lateral.

WordPress dashboard menus menu item

Si su sitio aún no tiene ningún menú configurado, introduzca un nombre en el campo Nombre del menú y seleccione el campo Menú principal ubicación de la pantalla.

A continuación, haga clic en el botón Crear menú botón.

WordPress create new menu

A continuación, añada uno o varios elementos al menú seleccionando páginas o entradas en el panel de la izquierda y haciendo clic en Añadir al menú.

WordPress add items to menu

Ahora expanda uno de los elementos que acaba de añadir, como una página, y haga clic en el botón Ajustes del menú Astra botón.

Astra Menu Settings

En la pantalla Astra Menu Options que aparece, marca la casilla para activar los mega menús.

Enable mega menu using Astra

Una vez hecho esto, puede seleccionar una anchura para el mega menú en el menú desplegable.

Mega menu width settings

También puede establecer la imagen de fondo o el color del mega menú.

Si activas una imagen de fondo, también puedes definir cómo se muestra.

Astra Pro también le permite controlar cómo se muestran los enlaces en su mega menú, dándole la opción de anular los colores del menú por defecto de su sitio.

Si desea que el elemento de menú destaque, también puede darle una etiqueta de texto personalizada, con su propia configuración de color.

Mega menu background  color settings

Otra opción es utilizar las Etiquetas resaltadas para añadir rápidamente texto adicional a los elementos del menú.

Mega menu label settings

Si añade una etiqueta, se mostrará junto al elemento de menú al que la haya añadido.

Mega menu label example

La configuración avanzada permite personalizar el margen y el relleno de los elementos del menú.

Mega menu advanced settings

Añadir submenús al Mega Menú

Cada elemento añadido a su menú, como un enlace de página, será una nueva columna en el área del mega menú desplegable.

Sin embargo, también puede añadir subelementos a esos elementos de nivel superior, como se muestra a continuación:

Mega menu example

Para ello, añada más elementos a su menú seleccionándolos entre las opciones disponibles.

Mega menu structure settings

Tras hacer clic en el botón Añadir al menú para añadir los elementos al menú, puede organizarlos de modo que sean un subelemento de uno de los elementos superiores.

Debería acabar con una estructura similar a la de la siguiente captura de pantalla.

Mega menu structure example

Puedes personalizar los menús desplazando los elementos, cambiando sus propiedades de visualización y añadiendo etiquetas.

Añadir contenido personalizado al Mega Menú

La funcionalidad del mega menú de Astra Pro no se detiene ahí. Si quieres ser aún más creativo, puedes añadir una amplia gama de contenido a tus mega menús, incluyendo texto personalizado, widgets, y plantillas.

Mega menu widget settings

Puedes añadir a tu mega menú cualquier widget que esté activo en tu sitio, ya sea parte de WordPress, Astra u otro plugin.

Mega menu widget example

Resumen

Como puede ver, añadir un mega menú a un sitio web WordPress es bastante sencillo si elige la herramienta adecuada.

En unos pocos clics, puede empezar a mejorar sus menús de WordPress para que funcionen como usted desea.

Si quiere que sus menús tengan mejor aspecto o sirvan mejor a sus objetivos, los megamenús pueden ayudarle.

Encontrará más información sobre esta función en la página Página del mega menú Astra Pro de nuestro sitio web.

Divulgación: Este blog puede contener enlaces de afiliados. Si realiza una compra a través de uno de estos enlaces, es posible que recibamos una pequeña comisión. Leer información. Tenga la seguridad de que sólo recomendamos productos que hemos utilizado personalmente y que creemos que aportarán valor a nuestros lectores. Gracias por su apoyo.

1 comentario
  1. Patty Profile Pic

    Buen tutorial. Sinceramente, me pregunto si hay algún usuario al que le GUSTEN los mega-menús. Para mí, como usuario, ¡siempre han sido algo para insultar!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Astra es gratis. Ahora y siempre.

Creemos que crear sitios web atractivos no debería ser caro. Por eso Astra es gratis para todos. Empieza gratis y amplía con paquetes asequibles.

La descarga está a un solo clic

Download Checklist

REWIND

RESUMEN DEL AÑO

La descarga está a un solo clic

Introduce tu dirección de correo electrónico y sé el primero en enterarte de las actualizaciones y novedades.

Descargar gratis Astra Theme - Modal Popup Form
Scroll al inicio