Descubre en este tutorial cómo enseñar el número de entradas de una categoría en un tema de bloques de WordPress mediante código.
Cuando tienes un blog o plataforma con muchas entradas y utilizas categorías para organizarlas, puede interesarte mostrar qué cantidad tienes de cada una de ellas.
Por ejemplo:
En Código Genesis actualmente hay más de 800 tutoriales y, de ellos, 344 son de WordPress en general. Esto es algo que los visitantes no pueden saber a primera vista, pero si visitan la categoría, podrán verlo rápidamente gracias a que lo muestro como parte del título.
Así es como se ve:

Pero ¿y si quieres conseguir el mismo resultado pero en un bloque de temas?
Este sería el resultado en el Twenty Twenty-Two:

Vamos a ver cómo conseguirlo.
Instrucciones para mostrar el número de entradas de una categoría en un tema de bloques
1. Añade el número de entradas al título de la página de archivos
Añade el siguiente código al final de functions.php o del plugin de funcionalidades:
Para ver este código y los otros 1921 snippets de esta web,
identifícate o suscríbete aquí.
Con este snippet usas el filtro render_block
para añadir el número de entradas justo después del bloque que muestra el título de la categoría.
Para ello utilizas la etiqueta condicional is_category()
e identificas el bloque que muestra el título para que la modificación solo le afecte al mismo. En el caso de Twenty Twenty-Two es el core/query-title
.
La mayoría de temas de bloques usarán esta estructura pero una forma sencilla de asegurarte es aplicar el tutorial en el que te explico cómo mostrar el nombre de los bloques en el frontend y comprobar el nombre el bloque donde quieres añadir el número de entradas.
En caso de que sea uno distinto, solo tienes que sustituirlo en el código de arriba.
2. Personaliza el CSS del título
Una vez que ya has conseguido que se visualice el número de entradas en la página de archivos de la categoría, solo te falta asignar los estilos para que luzca tal y como deseas.
De hecho, en el snippet anterior añades dos clases de CSS nuevas (cat-title
y post-number
), para que te faciliten la maquetación.
Añade este bloque al final de style.css:
Para ver este código y los otros 1921 snippets de esta web,
identifícate o suscríbete aquí.
Al insertar estas líneas de CSS te aseguras de que el número de entradas se muestra justo después del título.
El ejemplo usa el tema Twenty Twenty-Two y es posible que con otros temas tengas que terminar de ajustar los estilos de CSS.
Conclusiones
Ahora ya sabes cómo mostrar el número de entradas de una categoría en un tema de bloques (FSE) de WordPress.
Ya solo te queda ponerlo en práctica. 😉
¿Alguna duda? Te leo en los comentarios.
Y si quieres darme una sugerencia para próximos tutoriales, déjamela en el formulario de contacto. Ventajas de ser suscriptor. 😉