Cómo usar el módulo de blog de Divic Builder

Divi Builder le permite agregar contenido dinámico en la página o plantilla del generador de temas en el que está trabajando. Desde el contenido dinámico implícito de WordPress hasta los campos personalizados que creó con complementos como ACF y POPS. Uno de los tipos de contenido dinámico que puede agregar es la publicación del blog. En Divi Builder, puede usar el módulo de blog para agregar publicaciones de blog. También puede usar el módulo para mostrar otros tipos de contenido en su sitio web, incluidas páginas e incluso medios. Puede usar el módulo de blog para mostrar publicaciones de blog en cualquier página. Desde la página inicial, la página de categoría personalizada, la página de archivo personalizada del autor, etc. Incluso puede usar el módulo para mostrar publicaciones de blog en el área del sótano si lo desea.
¿Nuevo en Divic Builder? Siga leyendo para averiguar cómo usar el módulo de blog. Cómo usar el módulo de blog de Divi Builder El módulo de blog se puede agregar a una fila en una sección regular o en una sección especializada (lea nuestro artículo anterior para obtener más información sobre la fila y la sección en Divi Builder). Para agregar el módulo de blog, haga clic en el icono más gris de la columna, en el área de lienzo, donde desea agregar el módulo y seleccionar el blog.

El panel de configuración del módulo de blog aparecerá inmediatamente después de seleccionar el módulo de blog. Puede usar el panel de configuración para establecer la apariencia, establecer la configuración básica (la longitud del extracto, la activación/desactivación de los elementos de publicación), aplique algunas opciones de estilo, etc.
Configuración básica Una cosa esencial que debe saber antes de continuar. A diferencia de Widgetul Postari de Elementor, el módulo de blog de Divi Builder no ofrece ninguna función de filtración avanzada para filtrar publicaciones de blog por autor, categoría o etiqueta. Si desea mostrar publicaciones de blog en una categoría, por ejemplo, puede crear una página de categoría personalizada a partir del generador de temas (Div -> Generador de temas). Puedes filtrar las publicaciones de blog allí. Lea este artículo para obtener instrucciones más detalladas. Para realizar la configuración básica, puede abrir los bloques disponibles en la pestaña de contenido en el panel de configuración del módulo de blog. Hay 5 bloques de configuración que puede abrir en la pestaña de contenido.
Como se mencionó anteriormente, no solo puede usar el módulo de blog para mostrar publicaciones de blog, sino también otros tipos de contenido, como páginas y medios de comunicación. Puede seleccionar el tipo de contenido que se mostrará en el bloque de contenido en la pestaña de contenido. Desde este bloque, también puede establecer la longitud del extracto, el número de publicaciones (número de publicaciones) y el formato de la fecha.
elementos

Desde este bloque, puede establecer las publicaciones que se mostrarán. Desde la imagen presentada, lea más botón, autor, fecha, fragmento, paginación, número de comentarios, etc.
Enlace

Puede abrir este bloque para agregar un enlace al módulo de blog. Tenga en cuenta que este no es un enlace para publicaciones de blog individuales. En cambio, es un enlace para el módulo de blog. Si agrega un enlace al modo, su módulo se envolverá con un enlace que agregue (puede continuar haciendo clic en publicaciones de blog individuales).
antecedentes

Puede abrir este bloque si desea agregar un fondo al módulo de blog. Hay 4 tipos de fondo que puede agregar: color sólido, color de gradiente, imagen y video. Si prefiere usar un fondo de imagen, puede activar el efecto de paralaje si lo desea.
Etiqueta administradora

La etiqueta del administrador es un tipo de nombre de identificación para facilitar su identificación de un elemento en Div Builder. Agregar una etiqueta de administrador es útil si crea una página larga y compleja. Puede abrir el bloque de etiqueta de administrador en la pestaña Contenido para agregar una etiqueta de administrador al módulo de blog.
Estimulando el módulo de blog Después de haber terminado de hacer la configuración básica en la pestaña de contenido, puede pasar a la pestaña Diseño para enfatizar el módulo de blog. En primer lugar, puede abrir el bloque de apariencia para establecer el aspecto.
Como puede ver, Div Builder ofrece solo dos opciones de aspecto para el módulo de blog: Fullwidth y Grid. Si desea mostrar las publicaciones de blog en un estilo de lista, debe agregar CSS personalizado. Aquí hay otros bloques que puede abrir en la pestaña Design en el panel de configuración del módulo de blog.

Cubierta
Puede abrir este bloque para agregar un color de superposición a la imagen presentada en las publicaciones de blog. Asegúrese de activar las imágenes de opción de superposición presentadas antes de poder establecer Overlap.
Imagen

Puede abrir este bloque para aplicar algunos estilos de la imagen presentada en las publicaciones de blog. Puede establecer el rayo del borde, el color del borde, el tamaño del borde, puede aplicar filtros CSS, etc. Puede leer nuestro artículo anterior para descubrir cómo estilizar una imagen en Builder.
Texto

Puede abrir este bloque para establecer la alineación, así como para aplicar la sombra del texto del contenido de texto (título, fragmento y meta publicidad). Puede establecer estilos personalizados para el contenido de texto individual en los bloques debajo de este bloque.
El texto del título

Como acabo de decir anteriormente, puede establecer estilos personalizados para el contenido de texto individual de las publicaciones de blog. El bloque de texto del título le permite establecer la tipografía (la familia de fuentes, el estilo de fuente, el tamaño del texto, etc.) del texto del título, así como el color del texto y la sombra del texto.
El cuerpo del texto

Puede abrir este bloque para establecer la tipografía de extracto de publicación (o publicar cuerpo si prefiere mostrar todo el contenido). Divi Builder le permite usar diferentes configuraciones de impresión para cada elemento en la publicación de blog (enlace, cita en bloque, marcador y numeración). Puede hacer clic en el archivo para establecer la tipografía de cada elemento.
Meta texto

Puede abrir este bloque para establecer la tipografía de envío meta (autor, fecha, categoría, número de comentarios). También puede establecer el color del texto, la alineación, así como la sombra del texto.
Leer más texto


Puede abrir este bloque para establecer la tipografía del elemento leída más. Además, puede establecer el color del texto y la sombra del texto.
Mensaje de texto

Puede abrir este bloque para establecer la tipografía de la página. También puede establecer el color del texto, así como la sombra del texto.
Talla

Puede abrir este bloque para establecer la altura, así como el ancho del módulo de blog. Puede usar una unidad porcentual o una unidad de píxeles. Si desea usar la unidad porcentual, puede insertar manualmente el símbolo porcentual.
Puede abrir este bloque para establecer el borde, así como el llenado del módulo de blog. Puede leer nuestro artículo anterior para obtener más información sobre el borde y completar el diseño web.

Frontera
Si lo desea, puede agregar un borde a cada publicación de blog del módulo de blog. Puede agregar un borde a cada lado (arriba, abajo, derecha, izquierda). Puede hacer clic en las pestañas en la sección de estilos de borde para establecer un borde personalizado.

Sombra de la caja
Desde este bloque, puede establecer la sombra del cuadro del módulo de blog. Divi Builder ofrece 7 estilos de sombras para cajas que puede elegir. Una vez que haya seleccionado uno, puede configurar el color de la sombra.

Filtros
Desde este bloque, puede aplicar filtros CSS al módulo de blog. Hay 6 filtros CSS que puede aplicar al blog (sombra, saturación, brillo, contraste, inversión y sepia). También puede establecer tanto el nivel de opacidad como el nivel de desenfoque.

Convertir
Divi Builder también ofrece una opción de configuración para agregar la transformación CSS a un elemento. Si desea aplicar una transformación CSS en el módulo de blog, puede abrir el bloque de transformación. Simplemente seleccione una transformación CSS que desea aplicar y use el mouse para establecer el valor de transformación (o simplemente ingrese el valor de transformación deseado).

Animación
¿Le gustaría agregar una animación de entrada al módulo de blog? Puedes hacer esto desde el bloque de animación. Hay 7 estilos de animación de entrada ofrecidos por Divi Builder a partir de los cuales puede elegir. Sopuras avanzadas Si tiene que hacer algunas configuraciones avanzadas para el módulo de blog, puede acceder a la pestaña avanzada.

Clases de identificación y CSS
Divi Builder le permite agregar CSS personalizado y tiene dos opciones para hacerlo: por el módulo de código o directo. Si prefiere el primer método, puede abrir CSS ID y clases para agregar la ID de clase CSS o CSS.

CSS personalizado
Puede abrir su bloque CSS personalizado si desea agregar CSS directamente en lugar del módulo de código. Simplemente puede ingresar el código CSS en los campos disponibles.
Visibilidad

Si desea deshabilitar el blog en un tipo particular de dispositivo, puede abrir el bloque de visibilidad. Simplemente puede verificar el tipo de dispositivo (escritorio, tableta, teléfono inteligente) que desea apagar el módulo para apagar.
Transiciones

Puede abrir este bloque para aplicar las transiciones del módulo de blog. En este contexto, las transiciones se refieren a la duración de la animación del flujo.
Posición

En Divi Builder, cuando agrega un nuevo elemento, ya sea una sección, una fila o módulo, la posición se establece en Static (predeterminado). Si desea utilizar una posición personalizada, puede abrir el bloque de posición. Las opciones de posición personalizadas que puede establecer son: relativo: si selecciona esta opción, el módulo de blog seguirá el flujo normal de la página. Esta opción ofrece propiedades superior, inferior y derecha. También puede establecer el índice Z. Absoluto: si selecciona esta opción, no habrá espacio real creado en la página para el módulo de blog. Puedes pensar en ello como un módulo flotante sobre otras secciones que ocupan un espacio real. Remedio: si selecciona esta opción, el módulo de blog interrumpirá el flujo de página normal y no tiene espacio real en la página.
Si desea llevar a cabo efectos avanzados en el módulo de blog, puede abrir este bloque. Hay 6 efectos del desfile que puede establecer. Puede leer nuestro artículo anterior para descubrir cómo agregar efectos del desfile en el Builder Div. Desde el bloque de los efectos del desfile, también puede aplicar un efecto pegajoso al módulo de blog

El módulo de blog de línea final es un módulo de división de constructor dedicado a mostrar contenido en su sitio desde publicaciones de blog, páginas, hasta los medios de comunicación. Puede usarlo al crear una página de inicio personalizada, u otras partes del sitio, como la página de categoría personalizada, la página de archivo personalizada del autor, etc., en WordPress usando Divi Builder. Desde un punto de vista técnico, puede agregar el módulo de blog en cualquier lugar. Incluso al crear un sótano personalizado, por ejemplo, puede usarlo para mostrar el contenido de su sitio.