Avada es un potente y muy utilizable Temas de WordPressque es adecuado para crear varios tipos de sitios web. En este artículo se detalla cómo configurar un menú de navegación normal y un mega menú. Con menús de navegación flexibles y potentesFunciones del SupermenúEl usuario puede crear fácilmente una estructura de sitio profesional y mejorar la experiencia de navegación.
Introducción al tema Avada
Avada Es una empresa estadounidense ThemeFusion Un tema de WordPress polivalente desarrollado y publicado por primera vez en 2012Avada presenta un diseño muy flexible y adaptable, así como numerosas plantillas, lo que lo hace adecuado para crear cualquier tipo de sitio web. Con un constructor de páginas integrado y múltiples funciones, es un tema completo todo en uno. Es el tema más vendido en ThemeForest, con más de 900.000 descargas hasta la fecha, y es popular entre los creadores de sitios web de todo el mundo.
Características principales:
- Editor visualConstructor de páginas incorporado Fusion Builder (ahora llamado Avada Builder) con soporte de edición visual de arrastrar y soltar.
- Plantillas de sitios web prediseñadosCientos de plantillas de demostración completas están disponibles, cubriendo una amplia gama de industrias tales como corporativo, blogs, comercio electrónico, educación, salud y más.
- Soporte WooCommercePuede utilizarse para crear tiendas en línea totalmente funcionales.
- Opciones avanzadas del temaIncluye muchas opciones de personalización para cambiar los colores, la tipografía, el diseño, etc. sin tener que escribir código.
- diseño sensible: Se adapta automáticamente a teléfonos móviles, tabletas y dispositivos de sobremesa.
![Imagen[1]-Tutorial de Avada Theme: Cómo configurar el menú de navegación y el mega menú en Avada Theme](https://www.361sale.com/wp-content/uploads/2025/03/20250324152804279-image.png)
procedimiento
1. Menú general de navegación
- preliminarVaya al backend de WordPress y haga clic en "plug-in (componente de software)"para garantizar queConstructor AvadayNúcleo Avadaresponder cantandoMarca personalizada AvadaLos tres plugins son "Active"Estado.
![Imagen [2]-Tutorial de Avada Theme: Cómo configurar el menú de navegación y el mega menú en Avada Theme](https://www.361sale.com/wp-content/uploads/2025/03/20250324135333357-image.png)
- Vaya al panel de menús:Pulse "Apariencia"-click"Menús" al panel de menús
![Imagen [3]-Tutorial de Avada Theme: Cómo configurar el menú de navegación y el mega menú en Avada Theme](https://www.361sale.com/wp-content/uploads/2025/03/20250324135700765-image.png)
- Añade el contenido del menú:En "Página" Dentro del cuadro de imagen, seleccione la página web correspondiente, haga clic en la casilla de verificación y, a continuación, haga clic en "Añadir al menú" para añadir contenido a la estructura del menú.
![Imagen [4]-Tutorial de Avada Theme: Cómo configurar el menú de navegación y el mega menú en Avada Theme](https://www.361sale.com/wp-content/uploads/2025/03/20250324135815505-image.png)
- Borrar el contenido del menú: en "Estructura del menú" dentro, seleccione el contenido que desea eliminar y haga clic en "Eliminar", puede borrar el contenido del menú
![Imagen [5]-Tutorial de Avada Theme: Cómo configurar el menú de navegación y el mega menú en Avada Theme](https://www.361sale.com/wp-content/uploads/2025/03/20250324135954934-image.png)
- Añade el resto:No sólo puedes añadir "Página" al menú, sino que también puedes añadir otros elementos como "FAQs", "Posts" y "Portfolio y "Portfolio" se pueden añadir al menú.
![Imagen [6]-Tutorial de Avada Theme: Cómo configurar el menú de navegación y el mega menú en Avada Theme](https://www.361sale.com/wp-content/uploads/2025/03/20250324140159616-image.png)
- Ajuste el nivel del menú:En "Estructura de Mene", haga clic en el menú correspondiente, vaya a la sección
arrastrar a la derecha Se puede generar la graduación del menú.
![Imagen [7]-Tutorial de Avada Theme: Cómo configurar el menú de navegación y el mega menú en Avada Theme](https://www.361sale.com/wp-content/uploads/2025/03/20250324140510384-image.png)
- Ubicación de la pantalla del menúOpcionalmenúLa ubicación de la pantalla, como "Navegación de cabecera adhesiva"(La barra de navegación se fijará en la parte superior de la página), siempre visible y no desplazándose fuera de la vista con el contenido.
![Imagen [8]-Tutorial de Avada Theme: Cómo configurar el menú de navegación y el mega menú en Avada Theme](https://www.361sale.com/wp-content/uploads/2025/03/20250324141004447-image.png)
- Crear un nuevo menú:Primero en "Nombre del menú" Introduzca el nombre del menú que desea añadir y, a continuación, haga clic en "crear un nuevo menú" para crear un nuevo menú.
![Imagen [9]-Tutorial de Avada Theme: Cómo configurar el menú de navegación y el mega menú en Avada Theme](https://www.361sale.com/wp-content/uploads/2025/03/20250324141223168-image.png)
2. Creación de un supermenú
- Página Avada Super Menu: pulse "Avada" -> haga clic en "Estudio" y, a continuación, haga clic en "Mega Menús" para acceder a la propia biblioteca de plantillas de mega menús de Avada.
![Imagen [10]-Tutorial de Avada Theme: Cómo configurar el menú de navegación y el mega menú en Avada Theme](https://www.361sale.com/wp-content/uploads/2025/03/20250324141559143-image.png)
- Seleccione la plantilla Super Menú:A continuación puede elegir sus plantillas de mega menú favoritas, la versión actual de Avada ofrece un total de 17 plantillas de mega menú, útiles para la mayoría de los tipos de sitios web.
![Imagen [11]-Tutorial de Avada Theme: Cómo configurar el menú de navegación y el mega menú en Avada Theme](https://www.361sale.com/wp-content/uploads/2025/03/20250324141818249-image.png)
- Importar plantillas:Haga clic para seleccionar su plantilla favorita, en el recuadro verde puede modificar el contenido de la plantilla, a continuación haga clic en "Importar"para importar.
![Imagen [12]-Tutorial de Avada Theme: Cómo configurar el menú de navegación y el mega menú en Avada Theme](https://www.361sale.com/wp-content/uploads/2025/03/20250324142117751-image.png)
- Ver el estado de la importación de plantillas:Pulse "Avada" y, a continuación, haga clic en "Biblioteca", podrá ver el menú con la etiqueta "Mega Menu", lo que demuestra que la plantilla se ha importado correctamente.
![Imagen [13]-Tutorial del tema Avada: Cómo configurar el menú de navegación y el mega menú en el tema Avada](https://www.361sale.com/wp-content/uploads/2025/03/20250324143903901-image.png)
- Seleccione el menú para aplicar el formato de plantilla: Pulse en el menú de selección y haga clic en "Opciones del menú Avada", seleccione el menú necesario para aplicar la plantilla que acaba de instalar.
![Imagen [14]-Tutorial de Avada Theme: Cómo configurar el menú de navegación y el mega menú en Avada Theme](https://www.361sale.com/wp-content/uploads/2025/03/20250324145725841-image.png)
- Supermenú de aplicaciones: Seleccione el supermenú nombrado anteriormente y haga clic en "GUARDAR" Sólo tiene que guardarla y se aplicará a la portada del sitio web. Para más información sobre el uso de plantillas en Avada, consulte este artículoTutorial de cuidado del tema Avada".
![Imagen [15]-Tutorial del tema Avada: Cómo configurar el menú de navegación y el mega menú en el tema Avada](https://www.361sale.com/wp-content/uploads/2025/03/20250324152123879-image.png)
resúmenes
Tanto si se trata de una configuración básica de menú como de un diseño avanzado de mega menú, Avada ofrece formas intuitivas y eficientes de operar. Dominar estos ajustes puede hacer que su sitio web sea más bonito y práctico, y que la navegación de los usuarios sea más fluida. Para obtener más información sobre los conocimientos relacionados con WordPress, preste atención a la secciónRed de fluctuación de fotones.
Enlace a este artículo:https://www.361sale.com/es/47152
El artículo está protegido por derechos de autor y debe ser reproducido con atribución.
Sin comentarios