Blocksy 2 Explicación de los bloques de datos dinámicos en bucles

existeBlocksy 2Los bloques de datos dinámicos son una potente función que ofrece una mayor flexibilidad cuando se combina con diseños circulares. Ya sea en bloques avanzados de artículos, bloques avanzados de taxonomía o bloques circulares de datos.WooCommercedel bloque de colección de productos, los bloques de datos dinámicos son capaces de hacer que el contenido de la página sea más vivo y rico. En este artículo, explicaremos en detalle cómo se utilizan los bloques de datos dinámicos en bucles para ayudar a los diseñadores de sitios web a aprovechar todo el potencial de Blocksy.

Aplicación de bloques de datos dinámicos en bloques de artículos avanzados

El uso de bloques de datos dinámicos en Advanced Post Block es muy intuitivo. Abra elGutenbergEn la vista de lista del editor, puede ver que cada artículo consta de varios bloques de datos dinámicos, que muestran la imagen destacada, el título del artículo, la fecha de publicación, etc., y están encapsulados como un todo en el bloque de plantilla de artículo (Post Template Block).

El bloque Módulo de artículos se encarga de generar una lista de artículos actualizada dinámicamente en la página. Los datos de cada artículo se extraen y rellenan automáticamente para crear una presentación continua. Al añadir el bloque de datos dinámicos sólo una vez en la plantilla, todos los artículos se presentan de manera uniforme, lo que mejora enormemente la eficacia. También se puede añadir nuevo contenido de datos en cualquier momento cuando sea necesario realizar ajustes, como añadir la fecha de publicación debajo de cada artículo.

Este diseño tiene una estructura y una relación claras entre los módulos de contenido, lo que puede satisfacer diversas necesidades de diseño de página.

Creación de diseños cubiertos

En la Configuración dinámica de bloques de datos, después de configurar la fuente de datos como Imagen destacada, puede cambiar al modo Visualización de portada. Cuando la visualización de portada está activada, puede superponer otra información sobre la imagen destacada, como el título, la fecha y los términos de clasificación.

El proceso de operación incluye:

• Seleccionar bloque de imágenes destacadas dinámicas
• Activar el modo de visualización de la cubierta

• Arrastre y suelte bloques de datos dinámicos como títulos, fechas, etc. en el área de portada

• Ajuste del estilo tipográfico para armonizar el diseño general

Este diseño de portada es perfecto para páginas de inicio de blogs, páginas de listas de artículos, páginas de visualización de trabajos y otros escenarios en los que necesite resaltar elementos visuales para hacer la página más atractiva.

Aplicaciones de bloques de datos dinámicos en bloques circulares de terceros

con el fin deWooCommercePor ejemplo, el bloque de recogida de productos se utiliza por defecto.GutenbergBloques base incorporados, como imágenes y pies de foto, que tienen limitaciones de estilo y funcionalidad.

El bloque de datos dinámicos puede sustituir directamente al bloque por defecto, que reconoce automáticamente el entorno actual y extrae los datos adecuados, por ejemplo:

• Fotos del producto
• Título del producto
• Precio del producto
• Clasificación de los productos
• Estado del inventario
• Nº SKU

Después de sustituirlo, puede personalizar el título del producto delHTMLEstructura de etiquetas, ajuste la relación de aspecto de las imágenes destacadas y controle libremente el orden de los elementos de datos para enriquecer aún más la visualización de la página.

Mediante el uso flexible de bloques de datos dinámicos, puede conseguir un efecto de diseño más refinado sin aumentar la complejidad, y hacer que la presentación del contenido del sitio web sea más profesional y ordenada.

resúmenes

Blocksy 2La aplicación de bloques de datos dinámicos en la estructura de bucle amplía enormemente la libertad de diseño de la página. Tanto si se trata de una lista de artículos estándar como de la visualización de una compleja colección de productos, los bloques de datos dinámicos pueden adaptarse fácilmente a diferentes escenarios. Con la combinación del modo de portada y los bloques de bucle de terceros, la expresividad del contenido del sitio web ha mejorado notablemente.

Actualizaciones recientes

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