• Ir a navegación principal
  • Ir al contenido principal
Código Genesis

Código Genesis

Tutoriales para Genesis Framework y WordPress

  • Empieza aquí
  • Acceder
  • Cuenta
    • Suscripción
    • Perfil
    • Actualizar tarjeta
    • Favoritos
    • Salir
  • Suscribirse

Añadir la categoría de un CPT como una clase CSS en WordPress

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 y los otros 1273 snippets de esta web,
identifícate o suscríbete aquí.

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).

CPT CSS Entrada PHP WordPress

Nahuai Badiola - CEO

Desarrollador web especializado en WordPress y Genesis Framework. Me encanta contribuir a la comunidad de WordPress y Genesis dando charlas en WordCamps, organizando eventos, traduciendo temas y plugins… más sobre mí.

Para dejar dudas o preguntas sobre este código,
puedes identificarte o suscribirte.

  • Empieza aquí
  • Sobre Código Genesis
  • Preguntas frecuentes
  • Contacto
  • Legal

¿Has olvidado tu contraseña?