• Saltar a la navegación principal
  • Saltar al contenido principal
Código Genesis

Código Genesis

Tutoriales de WordPress y Genesis Framework

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

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 snippet al fichero functions.php o a tu plugin de funcionalidades:

Para ver este código y los otros 1801 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

Desarrollador web especializado en WordPress y Genesis Framework. CEO de Código Genesis y cofundador de OsomPress (temas y plugins para WordPress).

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

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

Aviso legal · Política de privacidad · Política de cookies · Condiciones de contratación
Copyright © 2023 · Código Genesis

¿Has olvidado tu contraseña?