Descubre en este tutorial cómo mostrar la imagen destacada de un Custom Post Type (CPT) en el child theme de Genesis Breakthrough Pro mediante código.
Ya has visto cómo visualizar la imagen destacada de un CPT en un child theme de Genesis.
Pero algunos temas hijo realizan cambios en el orden de los hooks y es posible que el «código standard» no funcione.
Ese es el caso de Breakthrough Pro, que tiene:
- Por un lado, un fichero headings.php que se encarga de añadir la imagen destacada.
- Y por otro, un archivo images.php que indica en qué páginas o entradas hacerlo.
Breakthrough Pro muestra la imagen destacada de forma muy particular, ocupando casi en ancho completo justo debajo del título.
Una imagen vale más que mil palabras:
Por defecto, este diseño se muestra solo en posts, páginas y entradas de CPT de porfolio. Pero ¿qué ocurre si quieres que se vea igual en un CPT que hayas creado tú?
No pasa nada porque cuando conoces la particularidad del tema puedes hacer los siguientes ajustes:
Pasos para mostrar la imagen destacada de un CPT en Breakthrough Pro
1. Modifica el fichero customize.php
Añade este fragmento al fichero customize.php situado dentro de la carpeta /lib/:
Para ver este código y los otros 1921 snippets de esta web,
identifícate o suscríbete aquí.
Al introducir el bloque anterior consigues que el personalizador de WordPress te dé la opción de usar o no la imagen destacada del CPT Curso.
Por supuesto, puedes ajustarlo al que tú desees.
La descripción que aparece en el personalizador la he mantenido en inglés ya que en el resto (entradas, páginas y porfolio) también aparece en este idioma. Además, al añadir el text-domain se puede traducir con facilidad.
En cualquier caso, no hay problema si prefieres poner la descripción en castellano.
2. Cambia el fichero helper-functions.php
Añade este fragmento al archivo helper-functions.php situado dentro de la carpeta /lib/:
Para ver este código y los otros 1921 snippets de esta web,
identifícate o suscríbete aquí.
Con esto defines la función breakthrough_customizer_get_default_course_image_setting() que usas en el personalizador de WordPress.
3. Modifica el fichero images.php
Sustituye este fragmento en el fichero images.php situado dentro de la carpeta /lib/:
Para ver este código y los otros 1921 snippets de esta web,
identifícate o suscríbete aquí.
Con esto añades la condición de que, si se trata de una entrada del CPT curso, también muestre la imagen destacada igual que en páginas y entradas.
Nota: si no vas a utilizar el CPT de porfolio, en lugar de aplicar este proceso, sustituye ‘portfolio’ por ‘tucpt’ en los ficheros mencionados. ¡Más fácil todavía! 😉
Conclusiones
Ahora ya sabes cómo mostrar la imagen destacada de cualquier CPT en el child theme de Genesis Framework Breakthrough Pro.
Además, con este método permites seleccionar si se visualiza o no desde el personalizador de WordPress, ideal si estás haciendo esta modificación para un cliente.
Por cierto, si tienes alguna pregunta o quieres darme una sugerencia para próximos tutoriales, déjala en los comentarios.
Ventajas de ser suscriptor. 😉
