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.

Imagen[1]-WordPress + WoodMart: Tutorial de bloques HTML y análisis de escenarios de aplicación

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

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

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
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.
felicitaciones1315 compartir (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