Este tutorial presenta WordPress La forma en que se utiliza el bloque HTML en el backend, y en conjunción con la función WoodMart El tema demuestra el efecto de su aplicación práctica. Adecuado para webmasters o editores de contenidos que deseen unificar la presentación de contenidos y mejorar la presentación de la página.
![Imagen[1]-WordPress + WoodMart: Tutorial de bloques HTML y análisis de escenarios de aplicación](http://gqxi.cn/wp-content/uploads/2025/05/20250528141827648-image.png)
?Qué es el bloque HTML?
HTML Block es un módulo de contenido reutilizable que se puede crear de forma independiente en el backend y luego ser llamado en múltiples ubicaciones de página. Es adecuado para los siguientes escenarios:
- Cuadro de alerta de información en pantalla
- A?adir contenido del anuncio
- Inserción de fragmentos de código personalizados
- Mantener la coherencia del contenido en áreas específicas de la página
En los temas WoodMart, el bloque HTML puede utilizarse conEncabezado y pie de páginayPlantilla de detalles del productoUtilizado conjuntamente, permite un contenido más centrado y estructurado.
Creación de un bloque HTML
- Inicie sesión en el backend y busque el módulo Bloque HTML en el menú de la izquierda
- Cree un nuevo Bloque HTML, por ejemplo, nómbrelo "Bloque HTML 1".
![Imagen [2]-WordPress + WoodMart: tutorial de bloques HTML y análisis de escenarios de aplicación](http://gqxi.cn/wp-content/uploads/2025/05/20250528142226116-image.png)
- Introduzca el contenido que se mostrará (puede contener texto, iconos, dise?os, etc.)
![Imagen [3]-WordPress + WoodMart: tutorial de bloques HTML y análisis de escenarios de aplicación](http://gqxi.cn/wp-content/uploads/2025/05/20250528142330192-image.png)
- Haga clic para publicar
El contenido no aparece automáticamente en la página cuando se publica, tiene que elegir dónde mostrarlo.
![Imagen [4]-WordPress + WoodMart: tutorial de HTML Block y análisis de escenarios de aplicación](http://gqxi.cn/wp-content/uploads/2025/05/20250528142413510-image.png)
Escenario de aplicación 1: Insertar un recordatorio en la parte superior del pie de página de WoodMart
WoodMart ofrece varias áreas en las que se pueden insertar módulos, y el área Pre-Footer se utiliza a menudo para mostrar consejos adicionales:
- Vaya al área de Pre-Footer en los Ajustes del Tema
- Seleccione el tipo de bloque HTML en el componente
- Seleccione "Bloque HTML 1" en la lista desplegable.
![Imagen [5]-WordPress + WoodMart: tutorial de bloques HTML y análisis de escenarios de aplicación](http://gqxi.cn/wp-content/uploads/2025/05/20250528142813434-image.png)
- Una vez guardada, actualice la página para que la información aparezca en la parte inferior de todas las páginas.
Escenario de aplicación 2: Creación de anuncios desplazables
El bloque HTML también puede utilizarse para mostrar texto desplazable o sugerencias:
- Introduzca varios textos desplazables, por ejemplo, "Envío gratuito para pedidos", "Garantía de 365 días", etc.
![Imagen [6]-WordPress + WoodMart: tutorial de bloques HTML y análisis de escenarios de aplicación](http://gqxi.cn/wp-content/uploads/2025/05/20250528144550205-image.png)
- Ajustar la dirección, el paso y la velocidad de desplazamiento
![Imagen [7]-WordPress + WoodMart: Tutorial de bloques HTML y análisis de escenarios de aplicación](http://gqxi.cn/wp-content/uploads/2025/05/20250528144759619-image.png)
- Controla si el desplazamiento se detiene cuando el ratón está suspendido.
![Imagen [8]-WordPress + WoodMart: tutorial de bloques HTML y análisis de escenarios de aplicación](http://gqxi.cn/wp-content/uploads/2025/05/20250528144821941-image.png)
- Modificación de colores, fondos y tama?os de fuente para estilos de dise?o personalizados
![Imagen [9]-WordPress + WoodMart: tutorial de HTML Block y análisis de escenarios de aplicación](http://gqxi.cn/wp-content/uploads/2025/05/20250528144928862-image.png)
- Se puede configurar la visualización a pantalla completa y a?adir elementos decorativos como iconos.
Una vez completado, puede insertarse en la zona superior de banners de su tema WoodMart para promocionar un evento o enviar un mensaje de anuncio.
![Imagen [10]-WordPress + WoodMart: tutoriales sobre bloques HTML y análisis de escenarios de aplicación](http://gqxi.cn/wp-content/uploads/2025/05/20250528145443841-image.png)
Nota complementaria: Cómo a?adir un bloque HTML a la estructura de la página
Además de en los pies de página y en las páginas de detalles de los productos, el bloque HTML también puede aparecer en las siguientes ubicaciones:
- Header Builder como módulo adicional para la barra de navegación
- página de categoríasMostrar contenido especial en la parte superior
- A?adir un mensaje recordatorio en la página de inicio de sesión y en la página de registro
- hacer uso de Código corto Pegar en el área de contenido del artículo o página
En el dise?o de maquetación de WoodMart, estos módulos son flexibles e independientes de los plugins, lo que permite un control individual sobre el estilo de presentación y el contenido.
resúmenes
El bloque HTML es WordPress responder cantando WoodMart Módulo muy útil en el tema. Tiene las siguientes ventajas en la gestión de contenidos:
- Los contenidos unificados pueden gestionarse de forma centralizada
- Admite llamadas repetidas para ahorrar tiempo de edición
- Puede configurarse con plantillas temáticas para una mayor coherencia visual.
- Más espacio de dise?o sin limitaciones
Este enfoque ayuda a los editores de contenidos a presentar la información en una estructura más clara y facilita su mantenimiento y ajuste. Si quieres mejorar la estructura de tu sitio, te recomendamos utilizar HTML Block con el tema WoodMart para conseguir un dise?o unificado.
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/56425El artículo está protegido por derechos de autor y debe ser reproducido con atribución.
Sin comentarios