8 combinaciones de visualización de elementos posteriores para el módulo de blog de Divi

A menudo vemos tarjetas de blog con el nombre del autor, la categoría de la publicación o la fecha de publicación. Estos son elementos de publicación que pertenecen a la publicación misma. Divi te da mucho control sobre los elementos de publicación dentro de un módulo de blog. Sin embargo, a veces puede ser difícil decidir qué elementos desea mostrar (y cuáles no). Para ayudarlo a decidir, esta publicación examinará 8 combinaciones de visualización de elementos de publicación de blog para el módulo de blog de Divi. También discutiremos las ventajas de cada uno.

Empecemos.

Agregar módulo de blog a una página nueva o existente

Puede agregar un módulo de Blog a una página nueva o existente o hacer ajustes a un módulo de Blog existente. Para mis ejemplos, estoy ajustando los módulos de Blog en la página de Blog para el paquete de diseño de Acai Bowl que está disponible en Divi.

Aquí hay un vistazo a la página con su configuración de diseño predeterminada. Esta página incluye dos módulos de Blog para crear una sección principal y un feed de blog.

El módulo Blog en la sección principal incluye 1 publicación con un diseño de ancho completo. Muestra la imagen destacada, el título, la fecha, la categoría y el extracto.

El feed del blog compensa las publicaciones en 1 para que no se superponga con la sección principal. Muestra 3 publicaciones en un diseño de cuadrícula. Incluye los mismos elementos que la sección principal y agrega paginación. Nos centraremos principalmente en el feed del blog para nuestros ejemplos porque la imagen destacada es más pequeña, lo que hace que los elementos sean más fáciles de ver en mis capturas de pantalla. También agregaré algunos con el módulo de publicación destacado para mostrar cómo las combinaciones pueden funcionar juntas en los módulos.

Ir a la pestaña Elementos

Para encontrar la pestaña Elementos dentro del módulo Divi Blog, primero, haga clic en el ícono de engranaje gris que aparece cuando pasa el mouse sobre el módulo Blog.

Esto se abre en la configuración del módulo en la pestaña Contenido . Desplácese hacia abajo hasta Elementos . Aquí, verá una lista de opciones que puede habilitar o deshabilitar haciendo clic en sus interruptores. Cada uno de estos es un elemento que puede usar, y puede usarlos en cualquier combinación que desee. Veamos cada uno individualmente.

Descripción general de los diferentes elementos que puede mostrar/ocultar en el módulo de su blog

He aquí un vistazo a cada uno de los elementos. Los elementos se pueden diseñar individualmente en la pestaña Diseño y cada elemento tiene un campo CSS personalizado en la pestaña Avanzado que facilita la orientación con CSS.

Foto principal

El primer elemento es la Imagen destacada . Esta es la imagen en miniatura de la publicación. Llama la atención el post. También es un enlace, por lo que hacer clic en la imagen lleva al lector a la publicación.

Leer más botón

A continuación, tenemos el botón Leer más . Este es un enlace a la publicación completa del blog. Aparece debajo del resto del contenido.

Autor

Autor muestra el nombre del autor de la publicación del blog. Muestra el nombre de acuerdo con cómo se especifica en la configuración de usuarios de WordPress. Se puede hacer clic, por lo que el lector puede ver la página de archivo de ese autor.

Fecha

El elemento Fecha muestra la fecha en que se publicó la publicación. Utiliza el formato de fecha que ha especificado en la Configuración general de WordPress .

Categorías

Categorías muestra el nombre de cada categoría que ha seleccionado para la publicación. Se puede hacer clic en cada nombre de categoría, por lo que el lector puede ver la página de archivo para cada categoría.

Recuento de comentarios

Recuento de comentarios muestra el número de comentarios en la publicación. Esto informa a los lectores si hay comentarios o comentarios nuevos con los que puedan interactuar.

Extracto

El extracto muestra un pequeño fragmento de la publicación de acuerdo con la forma en que la configuró para la publicación. Se puede usar como un adelanto o como una descripción de la publicación en sí.

También funciona con la configuración que especificó en el área Contenido de la configuración del módulo Blog, que aparece sobre la configuración de Elementos. Puede configurarlo para usar el extracto de publicación personalizado si hay uno y especificar la cantidad de caracteres que mostrará. He configurado este para mostrar 100 caracteres.

Paginación

La paginación muestra los enlaces para ver las publicaciones más antiguas y más recientes. Esto evita que tengas que mostrar cada publicación en la página y los usuarios aún tienen fácil acceso para leerlas. Pueden ver las publicaciones anteriores o siguientes haciendo clic en los enlaces, lo que es similar a pasar una página.

Combinaciones de elementos y cómo se ven

Los elementos se pueden utilizar en combinaciones para crear algunos diseños interesantes. Es tentador habilitarlos todos, como lo hice en la imagen a continuación, pero esto puede saturar la página y proporcionar información que el lector no necesita. En cambio, es una buena idea elegir los que quieras. Al seleccionarlos en ciertas combinaciones, podemos ser más estratégicos en el diseño del blog. También podemos usarlos en combinación con otros módulos de Blog, como veremos.

Combinaciones de elementos Opción 1: Imagen destacada, título y descripción

Si desea mostrar la imagen destacada, el título de la publicación y la descripción, simplemente habilite la imagen destacada y el extracto.

Así es como se ve en la página del blog. La sección de héroe aún muestra la fecha y las categorías para enfatizar. Esto minimiza el feed del blog y ayuda a mantener la página limpia.

Combinaciones de elementos Opción 2: Imagen destacada y botón Leer más

Esta opción incluye la imagen destacada, el título de la publicación y el botón Leer más.

Así es como se ve en la página del blog. El feed del blog se simplifica aún más. Este no proporciona mucha información, pero podría funcionar bien si los títulos y la imagen destacada son todo lo que necesita. Los títulos descriptivos ayudarían mucho.

Combinaciones de elementos Opción 3: extracto, botón Leer más y paginación

Esta combinación incluye el botón Leer más, el extracto y la paginación.

La página del blog está limpia y brinda al lector la información que necesita sobre las publicaciones sin llamar mucho la atención sobre ellas.

Combinaciones de elementos Opción 4: imagen destacada, autor, extracto y paginación

Esta opción incluye la imagen destacada, el autor, el extracto y la paginación.

Así es como se ve en la página del blog. Sin los demás elementos, destaca el nombre del autor. Este es genial si tienes muchos autores y quieres llamar la atención sobre ellos.

Combinaciones de elementos Opción 5: imagen destacada, categorías, extracto y paginación

Esta opción agrega la imagen destacada, las categorías, el extracto y la paginación.

Así es como se ve en la página del blog. La categoría es más prominente dentro de la tarjeta de blog. Las categorías son geniales para mostrar si desea presentarlas o si tiene muchas. Pueden facilitar la navegación porque el lector puede seleccionar fácilmente la categoría que desea ver.

Combinaciones de elementos Opción 6: botón Leer más, fecha, categorías, recuento de comentarios, extracto y paginación

Este incluye el botón Leer más, Fecha, Categorías, Conteo de comentarios, Extracto, Paginación. Parece mucho, y lo es, pero funciona en un feed de blog. Sin la imagen destacada, las tarjetas del blog ocupan menos espacio. Además, dado que Pagination está en una ubicación diferente, no interfiere en el feed del blog.

Así es como se ve en la página del blog. Funciona bien para el feed del blog y sus ojos aún se sienten atraídos por la publicación destacada.

Combinaciones de elementos Opción 7: Extracto y botón Leer más

Podemos usar múltiples módulos de Blog junto con diferentes elementos en cada uno para crear más combinaciones. Esta combinación solo usa el botón Experto y Leer más, pero el módulo Blog se ha movido a la sección principal al lado del módulo Blog que muestra la publicación destacada. Esto le da al módulo una sensación y un propósito completamente diferentes.

Así es como se ve en la página. Resalta la última publicación y luego proporciona las siguientes dos publicaciones sin desviar la atención de la última publicación. Esto es más como un diseño de revista.

Combinaciones de Elementos Opción 8: Elementos en Múltiples Módulos

Agregué los elementos a la publicación destacada y dejé el feed del blog mínimo para esta opción. Para el módulo de blog de publicaciones destacadas, he habilitado la imagen destacada, el autor, la fecha, las categorías, el recuento de comentarios y el extracto.

Para el módulo Blog de noticias del blog, he habilitado la imagen destacada, la fecha, las categorías, el extracto y la paginación.

Así es como se ven los módulos Blog en la página del blog. Ambos módulos funcionan bien juntos. El primero llama la atención e incluye más información. Esto ayuda a promover comentarios en la última publicación.

Opción 9: Múltiples módulos de blog con imágenes destacadas

Esta opción utiliza las combinaciones de elementos del módulo Blog de la publicación destacada de la opción anterior y mueve el feed del blog a la columna junto a la publicación destacada. Esto crea una interesante sección de héroes. Para el segundo módulo de blog, seleccioné la imagen destacada, el botón Leer más, la fecha, las categorías y el extracto.

Así es como se ve en la página del blog. La imagen destacada llama la atención, pero la segunda publicación no se pierde en la página. El número reducido de elementos mantiene la tarjeta de blog más pequeña limpia y fácil de leer.

pensamientos finales

Ese es nuestro vistazo a las combinaciones de visualización de elementos de publicación para el módulo Blog de Divi. Tener la capacidad de habilitarlos individualmente crea muchas opciones de diseño y usarlos en diferentes combinaciones puede cambiar la apariencia de la página de su blog. Pruebe diferentes combinaciones de elementos y vea cuál funciona mejor para usted. Si no está seguro, intente una prueba dividida a/b y vea cuál obtiene la respuesta que está buscando.

Queremos escuchar de ti. ¿Utiliza alguna de estas combinaciones de visualización de elementos de publicación en los módulos de su blog? Cuéntanoslo en los comentarios.