existe WordPress La imagen de cabecera del artículo por defecto y el área de visualización de información (Hero Section) tienden a carecer de personalidad durante el proceso de construcción del sitio.Blocksy Pro La funcionalidad Bloques de contenido le permite crear contenidos a través de la aplicación Gutenberg El editor personaliza y sustituye estos módulos predeterminados para permitir dise?os de entrada personalizados cargados dinámicamente.

Este post te mostrará de forma práctica cómo construir un bloque Hero totalmente personalizado y aplicarlo a todas tus plantillas de entradas individuales, haciendo que el contenido de tu sitio web sea bonito y modular.

I. Creación de bloques de contenido (Content Block)

En primer lugar, conéctese al back-office y entre en orden:
Blocksy > Bloques de contenido > A?adir nuevo > GanchoSi quieres crear un nuevo bloque de contenido, nómbralo "Custom Hero Section" o como quieras.

entrar en Gutenberg Después del editor, empieza a construir la estructura de la página.

Construir una estructura de héroe personalizada

1. A?adir un bloque de grupo y establecer el fondo

• Inserte un Bloques de grupo

• Establezca la anchura del Ancho total

• Seleccione un color de fondo (por ejemplo, gris oscuro)

• Clase personalizada (por ejemplo:sección-héroe personalizada)

2. Crear un dise?o a dos columnas

• palo Columnas(estructura de dos columnas)

columna izquierda::

• palo Publicar imagen destacada Bloque: este módulo cargará dinámicamente la imagen de cabecera del artículo actual en primer plano.

columna derecha::

• Inserte los siguientes módulos dinámicos para formar el área de información:
  • Post Autor
  • Fecha de publicación
  • Título del puesto
  • El espaciador ajusta la visión
  • Contenido opcional del párrafo o texto explicativo

También puede guardar esta sección como módulo reutilizablepara su posterior reutilización.

En tercer lugar, a?ada navegación con migas de pan (Breadcrumb)

Se puede a?adir navegación por migas de pan para mejorar la experiencia de navegación del usuario:

• palo Bloque de código corto

• Pega el siguiente código:

[bloxy_breadcrumbs]

Blocksy La navegación por la ubicación actual se genera automáticamente a partir de la ruta del artículo.

IV. Previsualización en tiempo real de contenidos dinámicos

Para previsualizar datos dinámicos (por ejemplo, títulos, imágenes, etc.) en el editor, abra:
Configuración de Blocksy > Vista previa del contenido dinámicoSeleccione cualquier artículo como fuente de vista previa para ver cómo se carga el contenido en tiempo real.

V. Ajuste de la posición del gancho y de las condiciones de visualización

Después de completar el dise?o, a la derecha Blocksy Panel de ajustes:

• Ubicación (Ubicación del gancho): Selección Antes del contenido
• Condiciones de visualizaciónSeleccione "Todos los mensajes individuales".

Guarde y publique el bloque de contenido.

VI. Verificación de la eficacia

Visita cualquier artículo y verás que el bloque Hero personalizado se ha aplicado correctamente y carga automáticamente la información de contenido del artículo actual. No hay necesidad de escribir código, limpio, hermoso y sensible.

resúmenes

aprovechar Blocksy Pro La función de bloque de contenido que puede:

• Libertad para crear módulos de plantillas de artículos reutilizables
• Presentación estructurada de contenidos dinámicos
• pasar (una factura o inspección, etc.) Gutenberg El editor lo hace todo, ?sin depender de un constructor de páginas externo!

Las Hero Sections personalizadas son sólo un escenario de aplicación para los Content Blocks. También puede utilizarlos para crear cabeceras, pies de página, secciones 404 Páginaetc., dando a todo el sitio más unidad de marca y flexibilidad.

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