Aprende en este tutorial cómo agregar una imagen personalizada a una categoría de un Custom Post Type (CPT) en WordPresssin necesidad de usar plugins.
Tanto si has creado tu propio CPT con taxonomías mediante código, como si usas un plugin de terceros, habrás visto que, por defecto, las categorías del CPT te permiten editar el slug y añadir una descripción pero no una imagen destacada.
Es posible que eches de menos esta opción si estás creando una plantilla de página en tu child theme de Genesis y deseas representar las categorías de tu CPT con imágenes.
Para conseguirlo tienes tres opciones:
- Instalar un plugin como WP Terms Images.
- Instalar el plugin ACF y crear un campo de imagen asociado a una categoría
- Introducirlo mediante código.
Efectivamente: en Código Genesis vas a encontrar la tercera opción. 😉
Este sería el resultado:
De esta forma podrás elegir una imagen de tu biblioteca desde la página de la categoría de tu CPT.
Aquí tienes cómo conseguirlo:
Snippet para insertar una imagen personalizada a las categorías de un CPT
En este tutorial vas a aprovechar que, desde WordPress 4.4, tienes la opción de incluir metadatos en las taxonomías.
Así que introduce el siguiente fragmento al final del fichero functions.php, a tu plugin de funcionalidades o a tu plugin de CPT:
Para ver este código y los otros 1837 snippets de esta web,
identifícate o suscríbete aquí.
Ahora podrás insertar cualquier imagen de tu biblioteca de medios a las distintas categorías de tu CPT de WordPress.
En este caso, el código está creado para mostrar la categoría de los CPTs de porfolio, la cual está registrada como «portfolio_category«, pero puedes ajustarlo también para las taxonomías.
Estos son los hooks que debes modificar:
- {taxonomía-cpt}_add-form-fields
- created_{taxonomía-cpt}
- {taxonomía-cpt}_edit-form-fields
- edited_{taxonomía-cpt}
Donde {taxonomía-cpt} es la categoría que has registrado en tu CPT (por ejemplo, portfolio_category).
Si lo que estás buscando es hacer esto mismo pero en las categorías nativas de WordPress, echa un ojo a este tutorial.
Conclusión
Ahora ya sabes cómo añadir una imagen personalizada a una categoría de un Custom Post Type.
En próximos tutoriales verás cómo usar estas imágenes para mostrarlas en una plantilla de tu child theme de Genesis.
¿Tienes alguna pregunta o quieres darme una sugerencia para próximos snippets. Déjala en los comentarios.
Ventajas de ser suscriptor. 😉
