Personalizar la cabecera y el pie de página de los temas WoodMart

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

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
  • 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
  • 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

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
Imagen [6] - Guía de personalización del encabezado y pie de página del tema WoodMart: Creación de un diseño personalizado
  • 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
  • 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
  • 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
  • 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

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

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
  • 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
  • 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
  • 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

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 artículo? ¡Póngase en contacto con nosotros para obtener una respuesta gratuita! Ayuda gratuita para sitios personales y de pequeñas empresas
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
© Declaración de reproducción
Este artículo fue escrito por: upupdowndownLRLRBABA
EL FIN
Si le gusta, apóyela.
felicitaciones102 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