Cómo utilizar el bloque HTML en WordPress y en los temas de WoodMart

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.

¿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".

• Introduzca el contenido que se mostrará (puede contener texto, iconos, diseños, etc.)

• Haga clic para publicar

El contenido no aparece automáticamente en la página cuando se publica, tiene que elegir dónde mostrarlo.

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.

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

• Ajustar la dirección, el paso y la velocidad de desplazamiento

• Controla si el desplazamiento se detiene cuando el ratón está suspendido.

• Modificación de colores, fondos y tamaños de fuente para estilos de diseño personalizados

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

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: [email protected]
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres