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.

Imagen [1] - Tutorial completo sobre cómo crear un menú desplegable de navegación multinivel con WoodMart

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)
Imagen [2] - Tutorial completo sobre cómo crear un menú desplegable de navegación multinivel con WoodMart

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

Los pasos son los siguientes:

  • Vaya al backend, haga clic en "Apariencia" > "Menú".
Imagen [3] - Tutorial completo sobre la creación de un menú desplegable de navegación multinivel con WoodMart
  • Cree un nuevo menú y nómbrelo (por ejemplo, Menú principal)
Imagen [4] - Tutorial completo sobre la creación de un menú desplegable de navegación multinivel con WoodMart
  • Marque una página, categoría o enlace personalizado en la parte izquierda y haga clic en "A?adir al menú".
Imagen [5] - Tutorial completo sobre la creación de un menú desplegable de navegación multinivel con WoodMart
  • 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
Imagen [6] - Tutorial completo sobre la creación de un menú desplegable de navegación multinivel con WoodMart
  • Marque "Hacer de este menú el menú principal".
Imagen [7] - Tutorial completo sobre la creación de un menú desplegable de navegación multinivel con WoodMart
  • 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)
Imagen [8] - Tutorial completo sobre la creación de un menú desplegable de navegación multinivel con WoodMart

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)
Imagen [9] - Tutorial completo sobre cómo crear un menú desplegable de navegación multinivel con WoodMart
  • 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".

Imagen [10] - Un tutorial completo sobre la creación de menús desplegables de navegación multinivel con WoodMart.

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

cuestionescura
El menú no muestra la estructura multinivelComprueba 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 visualizadoCompruebe 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
Servicio de atención al cliente WeChat
Tel: 020-2206-9892
QQ咨詢(xún):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
? Declaración de reproducción
Este artículo ha sido escrito por Little Lin
EL FIN
Si le gusta, apóyela.
felicitaciones146 compartir (alegrías, beneficios, privilegios, etc.) con los demás
comentarios compra de sofás

Por favor, inicie sesión para enviar un comentario

    Sin comentarios