Cómo crear y personalizar la cabecera de un sitio web con WoodMart Theme Header Builder

existeWoodMartEn el tema.Creador de cabecerases una potente herramienta que ayuda a los webmasters a diseñar y editar fácilmente la estructura de la cabecera. Usando el modo Frontend, puede editar directamente en el frontend en tiempo real sin cambiar al backend de wordpress, lo que mejora en gran medida la eficiencia del trabajo.

Activar el modo Frontend para la edición de cabeceras

Para activar el modo de edición Frontend de la cabecera, seleccione primero en el panel de administración superior la opciónWoodMart -> Creador de cabeceras -> Editar cabecera actual.

De este modo, podrá editar los encabezados directamente en la interfaz.

Al editar, también puede seleccionar la página que desea editar en el menú desplegable de la parte inferior.

Esta función le permite establecer diferentes estructuras de cabecera en distintas páginas, lo que facilita enormemente la personalización.

Crear nueva cabecera

Al crear una nueva cabecera, el campoWoodMartSe ofrecen varios métodos:

estructura voidPuede crear una estructura de cabecera en blanco y añadir los elementos que necesite.

biblioteca de plantillasWoodMart proporciona una biblioteca de plantillas de muestra, de modo que puede elegir una para utilizarla como base y luego personalizarla.

Para crear una nueva cabecera, vaya aPanel de control -> WoodMart -> Creador de cabecerasHaga clic enCrear nueva cabecerabotón . Hay dos secciones en la ventana emergente:

Biblioteca de ejemplos de diseño de cabecerasElección de una plantilla: puede elegir una plantilla que le sirva de base y personalizarla más tarde.
Cabezal existenteEncabezado personalizado: Si ya tiene un encabezado personalizado, puede elegir uno para utilizarlo como base para un nuevo encabezado.

Una vez completados estos pasos, se creará un nuevo diseño de cabecera y podrá empezar a editarlo.

Configuración de la cabecera por defecto

En la página de gestión de cabeceras, puedes elegir qué cabecera será la cabecera por defecto de tu sitio web. Simplemente haga clic en junto a la cabecera que desea establecer como predeterminada en la páginabotón en forma de estrella(por defecto) para completar la configuración.

Importar datos JSON para crear la cabecera

Si tiene un archivo previamente creado y exportadoJSONque puede importarse con Header Builder. Haga clic en el botónimportar (datos)pegue los datos JSON y haga clic en la ventana emergenteimportar (datos)Esto significa que la operación de importación se ha completado. Utilizando este método, puede migrar el diseño de cabecera anterior al sitio actual y continuar con la personalización.

Configuración de filas y columnas de cabecera

En el Creador de cabeceras, verá un diseño formado por tres filas, cada una de las cuales contiene tres columnas. Estas columnas representan las tres secciones de la cabecera del sitio: la columna superior, la cabecera principal y la columna inferior. Cada sección es un área contenedora de arrastrar y soltar donde puede arrastrar y soltar varios elementos en estas columnas y reposicionar las columnas según sea necesario. De este modo, puedes diseñar varios diseños de cabecera según tus necesidades y ajustar libremente el orden de los elementos de contenido.

Configuración de las filas y columnas de la cabecera

Cada sección de la cabecera tiene sus propias opciones de configuración. Haga clic en el botóncompiladorDespués del icono, puede personalizar la altura de la fila, la combinación de colores, los bordes, etc. En la ventana emergente de configuración, también puede establecer:

desplazamiento fijo: Establece si la fila se fija al desplazarse.
Ocultación de dispositivosElija si desea ocultar la fila en dispositivos móviles o de escritorio.
Bisel inferior: Establece si se añade un borde inferior.
Color o imagen de fondo: Personaliza el fondo de la fila.
estructura de un diseño: Seleccione la estructura de diseño de la fila.

Tras estas opciones, tiene la flexibilidad de ajustar las distintas partes del cabezal para crear un diseño personalizado que se adapte a sus necesidades.

resúmenes

WoodMartEl creador de cabeceras del tema ofrece funciones de diseño de cabeceras flexibles y eficaces. Con el modo Frontend, puedes editar la cabecera en tiempo real en el frontend, evitando cambios frecuentes al backend y mejorando la eficiencia del diseño. Tanto si creas una estructura en blanco, como si utilizas una plantilla o importas unaJSONTodos estos datos pueden ayudarle a crear rápidamente una cabecera que se ajuste a sus necesidades.

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