• 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 una imagen personalizada a una categoría de un Custom Post Type

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:

  1. Instalar un plugin como WP Terms Images.
  2. Instalar el plugin ACF y crear un campo de imagen asociado a una categoría
  3. Introducirlo mediante código.

Efectivamente: en Código Genesis vas a encontrar la tercera opción. 😉

Este sería el resultado:

ajustes añadir imagen categoría CPT
Añadir una imagen personalizada a una categoría de un CPT.

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

CPT Genesis Framework Imagen destacada 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 identificarte 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?