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](https://www.361sale.com/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](https://www.361sale.com/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](https://www.361sale.com/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](https://www.361sale.com/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](https://www.361sale.com/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](https://www.361sale.com/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](https://www.361sale.com/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](https://www.361sale.com/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](https://www.361sale.com/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](https://www.361sale.com/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](https://www.361sale.com/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](https://www.361sale.com/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](https://www.361sale.com/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](https://www.361sale.com/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](https://www.361sale.com/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.
Enlace a este artículo:https://www.361sale.com/es/35754El artículo está protegido por derechos de autor y debe ser reproducido con atribución.
Sin comentarios