WoodMart El tema viene con un Header Builder y un Footer Builder muy potentes, que permiten ajustar con flexibilidad el dise?o de la parte superior e inferior de la página para que se ajuste mejor a la imagen de marca. A través del dise?o razonable de la cabecera y el pie de página, no solo puedes mejorar el efecto visual general del sitio, sino también hacer que la estructura de navegación sea más clara, para que los usuarios puedan encontrar rápidamente el contenido que necesitan.
A continuación, nos sumergiremos en la personalización de la cabecera y el pie de página de tu tema WoodMart, incluyendo cómo utilizar estas herramientas para crear dise?os únicos, ajustar los elementos de dise?o y optimizar la experiencia de navegación del usuario.
![Imagen [1] - Guía de personalización del encabezado y pie de página del tema WoodMart: Creación de un dise?o personalizado](http://gqxi.cn/wp-content/uploads/2025/03/20250305112232391-image.png)
Ajustes de cabecera
WoodMart El tema permite una personalización en profundidad de la cabecera, incluido el ajuste del dise?o, los colores, los componentes, etc. para garantizar una visualización óptima en diferentes dispositivos.
Ir al Creador de cabeceras
- entrar en WordPress la zona detrás de un escenario teatral
- opción WoodMart > Creador de cabeceras
![Imagen [2] - Guía de personalización del encabezado y pie de página del tema WoodMart: Creación de un dise?o personalizado](http://gqxi.cn/wp-content/uploads/2025/03/20250305102658859-image.png)
- Seleccione el dise?o de cabecera adecuado o haga clic en A?adir nuevo Creación de una nueva estructura de cabecera
![Imagen [3] - Guía de personalización del encabezado y pie de página del tema WoodMart: Creación de un dise?o personalizado](http://gqxi.cn/wp-content/uploads/2025/03/20250305102958238-image.png)
- O haga clic enimportar cabeceraImportar cabecera
![Imagen [4] - Guía de personalización del encabezado y pie de página del tema WoodMart: Creación de un dise?o personalizado](http://gqxi.cn/wp-content/uploads/2025/03/20250305103259620-image.png)
Ajustar el dise?o de la cabecera
En el constructor de cabeceras, la posición de cada módulo puede ajustarse, por ejemplo, arrastrando y soltando:
- logotipoCarga logotipos de marcas, cambia su tama?o y alinéalos
- menú principalSoporta menú desplegable multinivel, puede modificar la fuente, el color, el espaciado
- cuadro de búsqueda: Apoyo Ajax Campo de búsqueda o búsqueda general
- Iconos de la cesta de la compraPara sitios de comercio electrónico, hover opcional para mostrar el contenido del carrito
- Iconos de las redes sociales: A?adir Facebook, Instagram, Twitter. y otros enlaces sociales
![Imagen [5] - Guía de personalización del encabezado y pie de página del tema WoodMart: Creación de un dise?o personalizado](http://gqxi.cn/wp-content/uploads/2025/03/20250305105608640-image.png)
![Imagen [6] - Guía de personalización del encabezado y pie de página del tema WoodMart: Creación de un dise?o personalizado](http://gqxi.cn/wp-content/uploads/2025/03/20250305103514821-image.png)
- golpe (en el teclado)Forntend editorIr al editor de visualización front-end
![Imagen [7] - Guía de personalización del encabezado y pie de página del tema WoodMart: Creación de un dise?o personalizado](http://gqxi.cn/wp-content/uploads/2025/03/20250305104318314-image.png)
- Haga clic en Configuración para configurar los ajustes de la cabecera
![Imagen [8] - Guía de personalización del encabezado y pie de página del tema WoodMart: Creación de un dise?o personalizado](http://gqxi.cn/wp-content/uploads/2025/03/20250305104203260-image.png)
- Pasa el ratón por encima del widget y haz clic en las flechas para editar los detalles
![Imagen [9] - Guía de personalización del encabezado y pie de página del tema WoodMart: Creación de un dise?o personalizado](http://gqxi.cn/wp-content/uploads/2025/03/20250305104414202-image.png)
- La barra superior, la cabecera principal y el engranaje lateral izquierdo de la parte inferior de la cabecera son configurables.Altura de línea, capacidad de respuesta, fondo y color del texto
![Imagen [10] - Guía de personalización del encabezado y pie de página del tema WoodMart: Creación de un dise?o personalizado](http://gqxi.cn/wp-content/uploads/2025/03/20250305105321162-image.png)
Optimización móvil
existe Cabecera móvil Opciones:
- Elija un dise?o exclusivo para móviles, como un menú hamburguesa
- Ajuste el tama?o de los botones y la visualización de los menús para facilitar la navegación
![Imagen [11] - Guía de personalización del encabezado y pie de página del tema WoodMart: Creación de un dise?o personalizado](http://gqxi.cn/wp-content/uploads/2025/03/20250305105707904-image.png)
Configuración del pie de página
WoodMart El constructor de pie de página admite diferentes estilos de dise?o y se pueden a?adir o eliminar módulos según sea necesario para que la información de la parte inferior del sitio sea más clara.
Ir a Bloques HTML
- entrar en WordPress la zona detrás de un escenario teatral opción bloques html
- golpe (en el teclado) A?adir nuevo elemento Cree un nuevo pie de página y haga clic enEdición con elementor Puedes modificar y a?adir elementos
![Imagen [12] - Guía de personalización del encabezado y pie de página del tema WoodMart: Creación de un dise?o personalizado](http://gqxi.cn/wp-content/uploads/2025/03/20250305110611249-image.png)
- Una vez rellenado el contenido, haz clic en guardar y copia el shortcode html.
![Imagen [13] - Guía de personalización del encabezado y pie de página del tema WoodMart: Creación de un dise?o personalizado](http://gqxi.cn/wp-content/uploads/2025/03/20250305112111544-image.png)
- Abre la página donde quieres editar el pie de página, a?ade el elemento html y pega en él el shortcode html que has copiado.
![Imagen [14] - Guía de personalización del encabezado y pie de página del tema WoodMart: Creación de un dise?o personalizado](http://gqxi.cn/wp-content/uploads/2025/03/20250305111742821-image.png)
- Guardar para volver a la página principal
![Imagen [15] - Guía de personalización del encabezado y pie de página del tema WoodMart: Creación de un dise?o personalizado](http://gqxi.cn/wp-content/uploads/2025/03/20250305111935510-image.png)
resúmenes
WoodMart El tema proporciona una gran cantidad de opciones de personalización de cabecera y pie de página, dominar estos métodos, puede crear más fácilmente una estructura de página única, hacer que el sitio más profesional y hermoso.
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 |
Enlace a este artículo:http://gqxi.cn/es/35754El artículo está protegido por derechos de autor y debe ser reproducido con atribución.
Sin comentarios