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 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咨詢: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: ladrones serán ratas y ratones coraje
EL FIN
Si le gusta, apóyela.
felicitaciones102compartir (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