Configuración completa del diseño de la cabecera y el menú de navegación de WoodMart

Temas WoodMartUn sistema de diseño de cabecera muy flexible para sitios web de comercio electrónico, tanto si desea una navegación minimalista, centrada en el logotipo, con la parte superior de paso, o un diseño complejo con un cuadro de búsqueda y la integración del carrito de la compra, todo es posible. Si acabas de instalar WoodMart o quieres reestructurar la parte superior de tu sitio, este tutorial te llevará paso a paso a través de la configuración de un diseño de cabecera, ¡completo con personalizaciones!menú de navegaciónLa configuración del

I. ¿Dónde está la entrada de la disposición de la cabeza?

Una vez que esté en el backend de WordPress, haga clic en orden:

WoodMart > Creador de cabeceras

en esteEditor de visualizaciónEn la interfaz, verá que toda la estructura de la cabeza está dividida en zonas:

Barra superior
Cabecera Principal
Cabecera inferior

A cada área se le pueden añadir componentes como logotipos, menús, cuadros de búsqueda o botones,icono (informática)etc.

II. Creación de logotipos y pancartas

Haga clic en el botón logotipo aparecerá un panel de configuración a la izquierda:

Cargar imagen del logotipo principal
Carga Retina HD opcional
Ajustar anchura y márgenes del logotipo
Posibilidad de establecer el texto "Eslogan bajo Logotipo" (por ejemplo, eslogan de marca)

El logotipo es la primera zona visible de cada página, y se recomienda utilizar el formato PNG transparente para evitar conflictos de fondo.

Añadir y personalizar el menú de navegación

menúEs la parte funcional más crítica de la cabecera, y la ruta de configuración es la siguiente:

Vaya al backend de WordPress:

Apariencia > Menú

Cree un nuevo menú con el nombre "Menú principal".

Añadir páginas, categorías, enlaces y otros elementos al menú

Arrastre para ajustar el orden, se pueden configurar desplegables de varios niveles

Marque la casilla "Mostrar ubicación" en la parte inferior de la página. Menú principal

Vuelva al Creador de cabeceras y arrastre el "Componente de menú" al área principal de la cabecera para mostrar el menú en la página.

IV. Configuración del menú móvil

WoodMart admite ajustes individualesmóvilEstructura de cabecera, perfecta para mostrar un menú más limpio cuando acceden los visitantes móviles.

entrar en Configuración del tema > Creador de cabeceras > Cabecera móvil

Puedes configurarlo:

Mostrar o no el botón de menú móvil (icono de hamburguesa)
Desplazar el contenido del menú ampliado (elementos de menú, iconos, búsqueda, etc.)
Logo centrado o justificado a la izquierda
Ocultar o mostrar otros elementos (por ejemplo, la cesta de la compra, el cambio de idioma, etc.)

Se recomienda primar la simplicidad móvil y evitar apilar demasiado contenido.

V. Compatibilidad con el diseño de varias cabeceras (opcional)

WoodMart también permite utilizar diferentes cabeceras para distintas páginas, por ejemplo:

La página de inicio utiliza una cabecera blanca sobre fondo blanco
Uso de la página de detalles del productoabierto (no secreto)cabeza
Navegación por la página de eventos mediante iconos especiales

resúmenes

WoodMart El sistema de cabecera es tan flexible que puedes construir rápidamente un área de navegación adecuada para el posicionamiento de tu marca sin necesidad de codificar. Con el enfoque modular de Header Builder, puede combinar libremente componentes como logotipo, menú, barra de búsqueda, carro de la compra, cambiador de idioma y más, optimizados para escritorio y móvil respectivamente. Combine WordPress Con su propio sistema de gestión de menús, la estructura de navegación también puede mantenerse fácilmente.

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