Configuración detallada del menú del tema Astra: Una guía completa desde el menú básico hasta el Mega Menú (04)

En un post anterior, exploramos en detalle la Tema Astra(utilizado como expresión nominal)Versión de pago con importación de plantillasLa diferencia. En el artículo de este número, nos sumergiremos en la Tema AstraLa configuración del menú. Para todo sitio web, el menú es una herramienta de navegación crucial, que no sólo determina la experiencia de navegación del usuario, sino que también afecta directamente al diseño general y a la estética del sitio web. Con las potentes funciones del tema Astra, puedes configurar fácilmente un bonito y práctico mega menú para mejorar la textura de tu sitio web y la experiencia del usuario.

En el anterior varios temas que hemos dicho el menú, la configuración del menú son similares, en una página de añadir (página), el segundo es un enlace personalizado, el tercero es que desea agregar, tales como categorías de productos u otros artículos

Pasos: backend del sitio web → Apariencia → Menús.

Porque la página muestra Elementor, porque muestra que la página es editada por Elementor, y no se muestra el editor por defecto.

También hay algunas páginas que muestran una página, que es la página principal de la configuración, tales como inicio, blog, tienda, carrito, caja.

Si no desea mostrar tan solo, quieren más hermoso y único efecto, de la siguiente manera

¡Una variedad de efectos, no es mucho mejor que el efecto ordinario, el siguiente te voy a enseñar cómo configurar el menú super!

Como se muestra en la figura anterior, necesitamos configurar el menú secundario bajo el nombre de navegación principal para activar la opción de supermenú.El enlace puede ajustarse a \ o #

Como en la imagen de arriba, primero abre este súper botón de menú ¡Oh!

A continuación, elija el ancho de pantalla adecuado, puede elegir el ancho de pantalla completa o el ancho del menú, y el ancho personalizado, ¡muy inteligente!

A continuación, puede establecer el color del fondo del menú, o poner una imagen de fondo y ajustarla según convenga

Y, por supuesto, el ajuste del color de los títulos, el texto y los enlaces.

Por último, haga clic en espera y habrá completado el primer paso

A continuación, tenemos que establecer el título del mega menú, el primero, que se puede entender como la cabecera

Y a continuación la dirección del enlace\ o #A continuación, haga clic en el Supermenú

Ponlo como título, será mejor distinguirlo de sus sub-elementos. También desactivar el enlace, si hay un enlace, habrá un efecto dinámico en el front-end toque del ratón, si es sólo mostrar, desactivar el enlace

También hay un color separador, que hará más fácil para esta persona distinguir entre

Por supuesto, hay otra forma de configurar los separadores, pero el tipo de supermenú es más sencillo y adaptable

Como arriba, mediante un enlace personalizado, pero esto no controla bien la longitud, así que es sólo una referencia

¡A continuación, sus sub-artículos en la adición normal en la línea, sin tener que mover el menú super, no es muy simple!

Hablemos de otro tipo de configuración del supermenú

Vemos el efecto del front-end es no mostrar el título, se ve puede tener dudas, de hecho, en el super menú donde el título está oculto

Como se muestra a continuación, la imagen se añade en la posición del supermenú, todo lo demás es igual

Como se muestra a continuación, tenemos que configurar paso a paso para seleccionar la imagen, de lo contrario no está allí

Resumen:
Con la explicación detallada en este post, creo que has dominado cómo configurar un mega menú en Astra tema. El diseño del menú no es sólo una simple configuración de navegación, sino también una parte importante de la mejora de la experiencia del usuario y la profesionalidad de su sitio web. En la próxima entrega, vamos a seguir explorando más características del tema Astra, incluyendo presentaciones de diapositivas y otros ajustes detallados, para ayudarle a crear un sitio web aún mejor.

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: [email protected]
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres