Un tutorial completo sobre la creación de menús desplegables de navegación multinivel con WoodMart.

¿Quiere que la navegación de su sitio web tenga un aspecto más profesional y categorizado?Temas WoodMartPotentes funciones integradas de gestión de menús que permiten crear menús multinivel.menú desplegableEs adecuado para la estación de comercio electrónico, sitio web de marca o plataforma de contenido. Sólo necesita una configuración simple, se puede lograr un tipo similar de "hover que es ampliar" efecto de navegación de varios niveles.

I. Requisitos previos

Antes de empezar, asegúrate de que el sitio cumple las siguientes condiciones:

• WordPress está instalado y funciona.
• Tema WoodMart activado (se recomienda la última versión)
• Plugin WoodMart Core instalado y activado (se le pedirá que lo instale automáticamente)

II. Creación de la estructura de menús

Los pasos son los siguientes:

• Vaya al backend, haga clic en "Apariencia" > "Menú".

• Cree un nuevo menú y nómbrelo (por ejemplo, Menú principal)

• Marque una página, categoría o enlace personalizado en la parte izquierda y haga clic en "Añadir al menú".

• Arrastre y suelte los elementos del menú para establecer la jerarquía:
  • El menú de primer nivel se muestra directamente en la barra de navegación
  • Arrastre los elementos de menú secundarios o terciarios ligeramente hacia la derecha para formar una estructura anidada

Ejemplo:

Centro comercial (Nivel 1)
├── Ropa de hombre (Nivel 2)
│ ├── Camisetas (Nivel 3)
│ └─ Chaqueta (Nivel 3)
├─ Ropa de mujer
└─ Accesorios

• Marque "Hacer de este menú el menú principal".

• Haga clic en Guardar

Activación de los estilos de menú desplegable de WoodMart

WoodMart Proporcionar una variedad de diseño de menú , puede hacer que el menú de varios niveles más bella y ordenada .

Método de ajuste:

• Haga clic en uno de los componente de menú
• Puede configurarlo en la ventana de configuración emergente:
• Tipo desplegable abarcar Por defectoyAncho total et al. (y otros autores)

IV. Añadir iconos o etiquetas a los elementos del menú (opcional)

Para que el menú sea más vistoso, puede añadir iconos o logotipos de texto a determinados elementos del menú.

Procedimiento operativo:

• En la pantalla de edición de menús, haga clic en la flecha desplegable situada a la derecha de cada elemento de menú
• Rellenable:
  • Clase CSS personalizada (para añadir iconos)
  • Descripción (se puede mostrar el subtítulo)

• Si no ve estos campos, haga clic en "Mostrar opciones" en la esquina superior derecha de la página y marque todos los atributos visibles.

Junto con Font Awesome o los propios iconos de WoodMart, puede mostrar logotipos como "Hot" y "New".

V. Recomendaciones de optimización para móviles

• WoodMart incluyeMenú adaptableSe convierte automáticamente en un botón de hamburguesa
• Si es necesario, una sección separada paramóvilMenú para crear una versión más limpia

VI. Problemas comunes y soluciones

cuestiones	cura
El menú no muestra la estructura multinivel	Comprueba si hay un error arrastrando, o si el desplegable no está habilitado Menú Estilo
No se puede hacer clic en el submenú	Compruebe si hay conflictos de script, intente desactivar algunos de los Pruebas de plugins
Icono no visualizado	Compruebe que el nombre de la clase de icono es correcto y asegúrese de que el icono Fuente impresionante
Desorden en el contenido del Mega Menú	Compruebe que el número de columnas no sea demasiado elevado o que no haya incompatibilidades. widgets

observaciones finales

La creación de menús desplegables de varios niveles con WoodMart puede ayudar a los visitantes a encontrar rápidamente su página de destino, aumentando la eficacia de la navegación y las tasas de conversión. Se recomienda a los principiantes que empiecen conMenú básicoComience con Mega Menu y luego explore gradualmente funciones avanzadas como Mega Menu. Si desea crear una navegación web completa, claramente estructurada y adaptada a dispositivos móviles, las herramientas proporcionadas por WoodMart son lo suficientemente potentes.

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: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres