Al crear temas de WordPress y temas secundarios, los desarrolladores pueden frustrarse cuando la miniatura de la publicación no se muestra. Esto puede ser un verdadero obstáculo durante el desarrollo.
Lo que necesitan es una forma sencilla de obtener la URL de la imagen para poder usarla en su código.
Afortunadamente, esto es algo que hemos hecho innumerables veces y conocemos un método sencillo para resolver este problema común.
En esta guía, te mostraremos cómo extraer la URL de la miniatura de la publicación en WordPress. Compartiremos un truco útil que puede simplificar tu flujo de trabajo y ahorrarte tiempo.
¿Por qué obtener la URL de la miniatura de la publicación en WordPress?
Agregar una miniatura o imagen destacada a las publicaciones de tu blog de WordPress hará que se vea más atractivo al agregar algo de interés visual. Puedes aprender más en nuestra guía sobre cómo agregar imágenes destacadas o miniaturas de publicaciones en WordPress.
Si deseas compartir una publicación en las redes sociales, es posible que necesites copiar el enlace a la imagen destacada o a alguna otra imagen en la publicación. Te mostramos cómo hacerlo paso a paso en nuestra guía sobre cómo obtener la URL de las imágenes que subes en WordPress.
Sin embargo, si estás desarrollando tu propio tema o modificando un tema existente, entonces podrías necesitar obtener la URL de la miniatura de la entrada para poder usarla con tu propio marcado personalizado. En este caso, necesitarás agregar un fragmento de código a los archivos de tu tema.
Veamos cómo obtener la URL de la miniatura de la entrada en WordPress.
Cómo obtener la URL de la miniatura de la publicación en WordPress
Para obtener la URL de una miniatura de entrada, necesitas agregar código a la plantilla del tema que estás personalizando. Para obtener más información, consulta nuestra guía sobre cómo agregar código personalizado en WordPress.
Si simplemente quisieras mostrar la miniatura de la entrada, podrías pegar este código PHP en la plantilla en la que estás trabajando dentro del bucle de WordPress:
echo get_the_post_thumbnail(get_the_ID(),'medium');
Pero como quieres mostrar la imagen de la miniatura de la entrada usando tu propio marcado personalizado o usar la miniatura en tu tema de alguna otra manera, necesitarás obtener la URL de la miniatura de la entrada.
Necesitarás pegar este código en la plantilla en su lugar:
echo get_the_post_thumbnail_url(get_the_ID(),'medium');
Este código simplemente muestra la URL de la imagen destacada. Luego puedes personalizar el código para usar la URL de la miniatura de la entrada de la manera que prefieras.
También puedes personalizar el tamaño de la miniatura. Necesitarás reemplazar la palabra 'medium' con otro tamaño de imagen predeterminado, como 'thumbnail', 'medium-large', 'large' o 'full'.
O puedes usar cualquier tamaño de imagen adicional que hayas creado. Si usas un tamaño de imagen personalizado, asegúrate de regenerar las miniaturas.
Esperamos que este tutorial te haya ayudado a aprender cómo obtener la URL de la imagen destacada en WordPress. También te puede interesar nuestra guía sobre cómo crear una página secundaria en WordPress o nuestra selección experta de los mejores plugins de publicaciones relacionadas para WordPress.
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.
Kiran
He diseñado un sitio web usando WordPress. Actualmente, la imagen destacada muestra la sección de descripción.
Pero quiero mostrar la URL de la imagen destacada en el feed RSS.
¿Cómo agregar la URL de la imagen destacada (media:thumbnail) en el feed RSS?
Por favor, ayuden…
Soporte de WPBeginner
Hola Kiran,
Por favor, consulta nuestra guía sobre cómo agregar imágenes destacadas a la fuente RSS.
Administrador
Salim
WP Beginner, ¡tu segundo códice de WordPress!
Mohan Krishna
Tu sitio da consejos increíbles, pero te sugiero que proporciones demostraciones de los códigos respectivos de cómo se ve después de hacer los cambios como dijiste, ya que los usuarios como yo podemos echarle un vistazo y ver si se adapta mejor o no, además, tus visitantes pueden duplicarse.
TracyDempsey
Hola, estoy buscando cómo obtener la URL manualmente, pero sigo encontrando publicaciones con código para obtener la URL. Estoy usando Thesis y he usado el editor de imágenes de WordPress en algunas imágenes de publicaciones para crear una miniatura cuadrada recortada para los extractos/avances de mis páginas de categorías. Pero, cuando pego la URL de la imagen en el campo de URL de miniatura de Thesis, no reconoce la miniatura recortada, sino que recorta la imagen original (distorsionando la relación de aspecto). Así que solo estoy tratando de encontrar la URL directa de la miniatura de la imagen de origen, ¿puedes ayudar? ¡Gracias de antemano!
Wynand
No sé si esta es la página correcta para publicar esto, pero lo que me gustaría hacer es lo siguiente:
Tengo muchos sitios web, me gustaría mostrar una miniatura de cada uno en una página de WordPress, simplemente agregando la URL a esa página, o algún código que rodee la URL
¿Alguien puede ayudar?
pipo gorosito
¡Amigo, te amo!
Kevin Donnigan
Awesome!! Thanks for this
Needed it for a custom loop with a sticky post on top and set the background image.
abhay
Gracias, eso me ayudó mucho
Philipp
¡Gracias, hombre!
Thiago Miro
Gracias, esto resolvió un gran problema.
salem
eso funciona, gracias.
Claire
Perfect, thank you
Luís Fernando Guedes
¡Gracias por compartir!
Nicola
Gracias por escribir este tutorial, no sé por qué pero el código que escribiste nunca me funcionó, y sé que incluso está disponible en el codex, lo intenté con varias configuraciones de bucle pero sin éxito.
Recientemente logré que funcionara usándolo en conjunto con otra función: get_post_thumbnail_id()
ID ) );
?>
<img src="” alt=”” />
Josh
Artículo realmente genial. Gracias.
Jotpreet Singh
Hola, Syed. Qué bueno que te alejas de usar plugins todo el tiempo. Bueno, ¡salud por eso!