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.
![Imagen [1] - Cómo crear y personalizar la cabecera de un sitio web con WoodMart Theme Header Builder](http://gqxi.cn/wp-content/uploads/2025/03/20250324112937223-image.png)
Activar el modo Frontend para la edición de cabeceras
![Imagen [2] - Cómo crear y personalizar la cabecera de un sitio web con WoodMart Theme Header Builder](http://gqxi.cn/wp-content/uploads/2025/03/20250324112057281-image.png)
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.
![Imagen [3] - Cómo crear y personalizar la cabecera de un sitio web con WoodMart Theme Header Builder](http://gqxi.cn/wp-content/uploads/2025/03/20250324112151477-image.png)
De este modo, podrá editar los encabezados directamente en la interfaz.
![Imagen [4] - Cómo crear y personalizar la cabecera de un sitio web con el Constructor de cabeceras del tema WoodMart](http://gqxi.cn/wp-content/uploads/2025/03/20250324112206433-image.png)
Al editar, también puede seleccionar la página que desea editar en el menú desplegable de la parte inferior.
![Imagen [5] - Cómo crear y personalizar la cabecera de un sitio web con WoodMart Theme Header Builder](http://gqxi.cn/wp-content/uploads/2025/03/20250324112223708-image.png)
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.
![Imagen [6] - Cómo crear y personalizar la cabecera de un sitio web con el Constructor de cabeceras de WoodMart Theme](http://gqxi.cn/wp-content/uploads/2025/03/20250324112433711-image.png)
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.
![Imagen [7] - Cómo crear y personalizar la cabecera de un sitio web con WoodMart Theme Header Builder](http://gqxi.cn/wp-content/uploads/2025/03/20250324112520760-image.png)
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.
![Imagen [8] - Cómo crear y personalizar la cabecera de un sitio web con WoodMart Theme Header Builder](http://gqxi.cn/wp-content/uploads/2025/03/20250324112548359-image.png)
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.
![Imagen [9] - Cómo crear y personalizar la cabecera de un sitio web con WoodMart Theme Header Builder](http://gqxi.cn/wp-content/uploads/2025/03/20250324112414956-image.png)
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.
![Imagen [10] - Cómo crear y personalizar la cabecera de un sitio web con WoodMart Theme Header Builder](http://gqxi.cn/wp-content/uploads/2025/03/20250324112624779-image.png)
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.
![Imagen [11] - Cómo crear y personalizar la cabecera de un sitio web con WoodMart Theme Header Builder](http://gqxi.cn/wp-content/uploads/2025/03/20250324112636972-image.png)
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 |
Enlace a este artículo:http://gqxi.cn/es/47120El artículo está protegido por derechos de autor y debe ser reproducido con atribución.
Sin comentarios