Descubre en este tutorial cómo mostrar una imagen por defecto en el bloque de imagen destacada de WordPress con un poco de código.
El bloque de imagen destacada de la entrada es muy interesante para usarlo en listados de entradas (query block) o como cabecera de las mismas.
¿Pero qué ocurre cuando el creador de contenido se olvida de asignar una imagen destacada en un post? Pues que, en el listado de entradas, ese post no mostrará la imagen destacada tal y como lo hacen los demás, rompiendo así el diseño deseado para el listado.
Por suerte, con un poco de código puedes establecer que, cuando el post carece de imagen destacada, se muestre una (siempre la misma) por defecto. Esto no solo te ayudará a mantener el diseño del listado de entradas, sino que te servirá para identificar de un simple vistazo a qué entrada le falta su imagen destacada para que puedas asignársela rápidamente.
Vamos a ver cómo hacerlo.
Snippet para establecer una imagen por defecto para el bloque de imagen destacada de WordPress
Añade el siguiente snippet al fichero functions.php o a tu plugin de funcionalidades:
Para ver este código y los otros 2057 snippets de esta web,
identifícate o suscríbete aquí.
En este código utilizas el filtro post_thumbnail_html para detectar si hay una imagen destacada asignada a ese post. Si no encuentra la imagen destacada, el código asigna una imagen predeterminada desde una ubicación específica dentro del tema (/assets/images/default-post-image.webp en el ejemplo).
Recuerda cambiar esta dirección por la desees que sea tu «Imagen destacada por defecto».
También puedes asignar una imagen de la biblioteca de medios, solo tienes que modificar el ID de la misma en el segundo snippet.
Conclusión
Ahora ya sabes cómo configurar una imagen por defecto para el bloque de imagen destacada de WordPress con un poco de código. Esta solución te vendrá genial cuando muestres un listado de entradas que incluyan el bloque de imagen destacada si alguno de tus posts no tiene asignada dicha imagen.
Si tienes alguna duda te leo en los comentarios. Y si quieres dejarme una sugerencia para futuros tutoriales, envíamela a través del formulario de contacto.
Todo ventajas de ser suscriptor. 😉
