Cómo mostrar publicaciones de blog por categoría usando el módulo de blog de Divi

¿Por qué mostrar categorías específicas?

Antes de ver cómo mostrar publicaciones de blog por categoría, exploremos qué significa esto, por qué nos gustaría mostrarlas por categoría y dónde las mostraríamos.

Mostrar publicaciones por categoría filtra todas las categorías excepto lo que se selecciona para mostrar. Puede seleccionar las categorías manualmente o hacer que Divi las seleccione automáticamente según las circunstancias.

Por ejemplo, si un usuario selecciona un enlace de categoría en sus páginas, ese enlace podría mostrar una lista de publicaciones de blog de esa categoría. Esto funciona para un feed de blog para páginas de archivo. En este caso, usaría Divi Theme Builder para crear esas páginas de categorías y asignarlas adecuadamente.

También puede mostrar manualmente publicaciones de ciertas categorías dentro de sus páginas. Por ejemplo, si ofrece un servicio y tiene publicaciones de blog que se centran en gran medida en esa categoría, puede mostrar un módulo de blog que muestre solo esas publicaciones en esa página de servicio.

Veamos cómo crear todas estas opciones usando el módulo Divi Blog.

Opciones de categoría de publicación de blog de Divi

Divi tiene opciones de categoría dentro del módulo Blog. Funciona igual en páginas de blog y plantillas de blog. Dentro de la configuración de Contenido , tienes la opción de elegir las categorías. Las opciones incluyen Todas las categorías, Categoría actual y cada categoría. Puede seleccionar varias categorías.

Esta opción nos permite mostrar categorías específicas en las páginas y dentro de las plantillas de Theme Builder. Veamos varias formas en que podemos usar estas opciones de categoría y veamos cuándo usar cada una.

Mostrar publicaciones de blog por categoría en Divi Theme Builder

Divi Theme Builder nos permite crear plantillas de página de archivo. Cuando un usuario selecciona una categoría, podemos hacer que Divi muestre una plantilla en lugar de los resultados de búsqueda estándar de WordPress. Esto nos da más control sobre el diseño de nuestro sitio web y lo mantiene más consistente. Podríamos crear una página de archivo para todas las categorías o crear una página de archivo para mostrar el feed de la categoría específica.

Divi Theme Builder nos brinda varias opciones para mostrar publicaciones según su categoría. Para mostrar publicaciones por categoría en las plantillas de su página, vaya a Divi > Generador de temas en el panel de control de WordPress. Si no tiene una plantilla de archivo, haga clic en Agregar nueva plantilla . Puede crear desde cero o seleccionar uno de los muchos diseños de página de blog que están disponibles desde Divi.

Mostrar publicaciones de blog en todas las páginas de categoría

Una vez que haya seleccionado crear una plantilla, tendrá que asignarla. Asignemos uno a todas las páginas de categoría y hagamos que se muestre cuando un usuario seleccione una sola categoría.

En Configuración de plantilla , desplácese hacia abajo hasta Archivar páginas y seleccione Todas las páginas de categoría . Esto usará la misma plantilla para cada categoría, pero aún debemos decirle a Divi cómo seleccionar la categoría para la página de archivo. A continuación, haga clic en Crear plantilla .

Cree o cargue su plantilla de página de blog. Abra la configuración del módulo de blog haciendo clic en el icono de engranaje gris.

En la configuración de Contenido , verá Categorías incluidas. Seleccione Categoría actual . Esto le dice a Divi que muestre publicaciones de blog de la categoría en la que el usuario hizo clic. Cierre el módulo y guarde su configuración.

Guarde su configuración. Ahora tiene una plantilla que mostrará publicaciones de blog para la categoría que seleccionó el usuario.

Mostrar publicaciones de blog en todos los resultados de las páginas de categorías

Esto muestra la página de mi blog con múltiples categorías. El usuario puede seleccionar cualquiera de las categorías para ver su página de archivo.

Ahora he seleccionado Data Science. Ahora, solo se muestran las publicaciones de esa categoría. He dejado el título de la página tal como está, pero puede ampliarlo haciendo que el título sea dinámico y seleccionando la Categoría de publicación para que se muestre como título.

Mostrar publicaciones de blog en páginas de categorías específicas

Si desea utilizar un diseño diferente para diferentes páginas de categorías, puede asignar sus plantillas a categorías específicas. Para asignarlas, seleccione Páginas de categorías específicas en Páginas de archivo y luego elija la categoría. A continuación, haga clic en Crear plantilla .

Abra la configuración del módulo de blog haciendo clic en el icono de engranaje gris.

Elija la categoría que desea mostrar en esta plantilla. Esto le dice a Divi que solo muestre publicaciones de esta categoría específica. Cierre la configuración del módulo y guarde la plantilla.

Dado que esta plantilla solo mostrará publicaciones de la categoría Corporativa, también cambié el texto del título en la parte superior de la página. Puede abrir el módulo Texto o simplemente hacer clic en el texto para cambiarlo. Ahora, cierre el módulo y salga del editor.

Guarde sus cambios. Ahora tiene una plantilla personalizada que solo se mostrará para esa categoría específica.

Mostrar publicaciones de blog en resultados de páginas de categorías específicas

Ahora, si alguien selecciona ver publicaciones de mi categoría Corporativa, se lo lleva a una página de blog con publicaciones solo de esa categoría. Verán el título en la parte superior de la página. Esta es una página personalizada, y puede usar diferentes colores, fuentes, etc. si lo desea.

Mostrar publicaciones por categoría en las páginas

Hay momentos en los que desea mostrar publicaciones de blog de categorías específicas dentro de sus páginas. Por ejemplo, si tiene una página que analiza una clase sobre un tema determinado, es posible que desee incluir un feed de blog que solo muestre publicaciones de ese tema. Incluso podría incluir varios módulos de Blog y mostrar una categoría de publicación diferente en cada uno para dividir los temas, crear un diseño de revista, etc.

Mostrar publicaciones de blog en una página de servicio

Consideremos un ejemplo con una página de servicio. Esta es la página de servicio del paquete de diseño de ciencia de datos . Si desea mostrar ejemplos de su conocimiento, puede compartir sus publicaciones de blog relacionadas en esta página. Agregaré el módulo Blog desde la página Blog de ciencia de datos. Revisaré rápidamente su configuración para que pueda agregarla manualmente, pero puede copiar y pegar la sección del blog desde el diseño de la página del blog si lo prefiere.

Agregar una nueva sección de blog

Primero, cree una nueva página con Divi Builder e importe la página del Servicio de ciencia de datos. En la parte delantera, habilite Divi Builder haciendo clic en el botón en la parte superior de la pantalla.

Agregue una nueva sección debajo de la sección de video. Haga clic en el ícono azul más y seleccione Regular .

Agregar una fila

A continuación, agregue una nueva Fila. Haga clic en el ícono verde más y seleccione una Fila de una columna .

Agregar un módulo de blog

A continuación, agregue un módulo de blog a la fila.

Estilo y configuración del módulo de blog

Contenido

Finalmente, configuraremos el módulo y le daremos estilo para que se ajuste a la página. En la sección Contenido , seleccione 3 para el recuento de publicaciones y elija la categoría que mostrará el módulo. He seleccionado Data Science.

• Número de publicaciones: 3
• Categorías incluidas: ciencia de datos

Desplácese hacia abajo y seleccione para mostrar extractos de publicaciones en la Longitud del contenido . Deshabilite Usar extractos de publicaciones para que muestre el extracto generado automáticamente. Establezca la Longitud del extracto en 130 caracteres.

• Longitud del contenido: Mostrar extracto
• Usar extractos de publicaciones: No
• Longitud del extracto: 130

Elementos

Desplácese hacia abajo hasta Elementos y habilite Imagen destacada, Categorías y Extracto. Deshabilitar el resto.

• Imagen destacada: Sí
• Categorías: Sí
• Extracto: Sí

Texto de encabezado

Ahora, vaya a la pestaña Diseño y elija Nivel de rumbo H2. Seleccione Roboto Mono para la fuente, configure el Grosor en Regular y use el color predeterminado #323770.

• Nivel de título: H2
• Fuente: Roboto Mono
• peso: regular
• Color: #323770

Cambie el Tamaño a 15 px y establezca la Altura de línea a 1,7 em.

• Tamaño: 15px
• Altura de la línea: 1,7 em

Cuerpo de texto

A continuación, desplácese hasta Cuerpo de texto y cambie la Altura de línea a 2 em. Deje el resto por defecto.

• Altura de línea: 2em

metatexto

A continuación, desplácese hasta Metatexto . Elija la Fuente predeterminada, configúrela en Negrita, elija TT para el Estilo y cambie el color a #41e2ba.

• Fuente: Predeterminada
• Peso: Negrita
• Estilo: TT
• Color: #41e2ba

Cambie el Tamaño a 10 px, el Espaciado entre letras a 2 px y la Altura de línea a 2,1 em.

• Tamaño: 10px
• Espaciado entre letras: 2px
• Altura de la línea: 2,1 em

Espaciado

Finalmente, cambiaremos el Espaciado . Ingrese -3vw para el margen superior. Cierre el módulo, guarde su página y salga de Visual Builder.

• Margen superior: -3vw

Mostrar publicaciones por categoría en el resultado de las páginas

Así es como se ve la página con el módulo Blog. El módulo Blog solo muestra publicaciones de la categoría que seleccionamos. Podríamos ampliar esto con un título y un botón Leer más que lleve al usuario a la categoría.

pensamientos finales

Ese es nuestro vistazo a cómo mostrar publicaciones de blog por categoría usando el módulo Blog de Divi. Es fácil de configurar y hay varios que se pueden usar. Cree páginas de archivo y páginas de categorías específicas en Divi Theme Builder. O agregue un módulo de blog personalizado a cualquier página para mostrar publicaciones solo para la categoría de esa página.

Queremos escuchar de ti. ¿Utiliza el módulo Divi Blog para mostrar publicaciones de blog según sus categorías? Cuéntanoslo en los comentarios.