Aprende con este tutorial a introducir la categoría como una clase CSS personalizada en el cuerpo de un CPT mediante código en tu child theme de Genesis Framework.
WordPress ofrece varias clases CSS para ayudar a maquetar algunas páginas, por ejemplo:
- .archive
- .single
- .single-portfolio
- .post-type-archive-portfolio
Pero, ¿y si estos estilos predefinidos no son suficientes y necesitas algo más específico?
En ese caso, la mejor solución es crear una clase CSS personalizada.
A parte de asignar estilos propios a páginas concretas, también tienes la opción de añadir una clase CSS a la categoría.
De esta forma puedes maquetar de la misma forma todos los posts, productos o cursos de una misma categoría.
Descubre cómo hacerlo:
Snippet para insertar una categoría de CPT como clase CSS en Genesis
Añade el siguiente fragmento al final del fichero functions.php o a tu plugin de funcionalidades:
Para ver este código, puedes identificarte o suscribirte.
Este bloque te permite usar el selector CSS «.categoría» para aplicar estilos específicos a las entradas del CPT «curso» dentro de esa taxonomía.
Si quieres usarlo con otro Custom Post Type solo tienes que cambiar «curso» por el que más te interese.
Conclusiones
Si asignas una clase CSS a la categoría te será muy fácil mantener un estilo uniforme en la web y, por el mismo precio, ahorrarás tiempo a la hora de maquetar esos CPTs.
¿Lo mejor? Ahora ya sabes cómo hacerlo con un simple snippet de código. 😉
¿Tienes alguna pregunta o quieres darme una sugerencia para próximos tutoriales de Genesis Framework? Cuéntamela en los comentarios (opción exclusiva para suscriptores).