Aprende con este tutorial a introducir la categoría como una clase CSS personalizada en el cuerpo tu child theme de Genesis Framework mediante código.
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 como clase CSS en Genesis
Añade la siguiente línea en functions.php:
Para ver este código y los otros 1953 snippets de esta web,
identifícate o suscríbete aquí.
Este fragmento te permite usar el selector CSS «.categoría» para aplicar estilos específicos a los posts o CPTs dentro de esa taxonomía.
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 posts o 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).
