Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo obtener la URL de la miniatura de la entrada en WordPress

Si está creando un tema personalizado de WordPress o un tema hijo, o retocando un tema que no muestra una imagen destacada por defecto, necesitará una forma de obtener la URL de la miniatura de la entrada para poder utilizarla en su código.

Como desarrolladores experimentados de WordPress, a menudo nos encontramos con situaciones en las que los temas no gestionan las imágenes destacadas como es debido. Por eso hemos elaborado esta guía concisa.

En este artículo, le mostraremos cómo obtener la URL de la miniatura de la entrada en WordPress.

How to Get the Post Thumbnail URL in WordPress

¿Por qué obtener la URL de la miniatura de la entrada en WordPress?

Si añades una miniatura o una imagen destacada a las entradas de tu blog de WordPress, conseguirás que parezca más atractivo al añadir algo de interés visual. Puede obtener más información en nuestra guía sobre cómo añadir imágenes destacadas o miniaturas de entradas en WordPress.

Si quieres compartir una entrada en los medios sociales, es posible que tengas que copiar el enlace a la imagen destacada o alguna otra imagen en la entrada. 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á desarrollando su propio tema o modificando un tema existente, puede que necesite obtener la URL de la miniatura de la entrada para poder utilizarla con su propio marcado personalizado. En este caso, tendrá que añadir un fragmento de código a los archivos de su tema.

Veamos cómo obtener la URL de la miniatura de una entrada en WordPress.

Cómo obtener la URL en miniatura de una entrada en WordPress

Para obtener la URL de la miniatura de una entrada, necesitas añadir código a la plantilla del tema que estás personalizando. Para obtener más información, consulte nuestra guía sobre cómo añadir código personalizado en WordPress.

Si simplemente quiere mostrar la miniatura de la entrada, entonces podría pegar este código PHP en la plantilla en la que está trabajando dentro del bucle de WordPress:

echo get_the_post_thumbnail(get_the_ID(),'medium');
Code Snippet to Display Post Thumbnail

Pero si desea mostrar la imagen en miniatura de la entrada utilizando su propio marcado personalizado o utilizar la miniatura en su tema de alguna otra manera, tendrá que obtener la URL de la miniatura de la entrada.

En su lugar, deberá pegar este código en la plantilla:

echo get_the_post_thumbnail_url(get_the_ID(),'medium');
Code Snippet to Display Post Thumbnail URL

Este código simplemente muestra la URL de la imagen destacada. A continuación, puede personalizar el código para utilizar la URL de la miniatura de la entrada de la forma que desee.

También puede personalizar el tamaño de la miniatura. Tendrás que sustituir la palabra “mediano” por otro tamaño de imagen por defecto, como “miniatura”, “mediano-grande”, “grande” o “completo”.

O puede utilizar cualquier tamaño de imagen adicional que haya creado. Si utiliza un tamaño de imagen personalizado, asegúrese de regenerar las miniaturas.

Esperamos que este tutorial te haya ayudado a aprender cómo obtener la URL de la miniatura de una entrada en WordPress. Puede que también quieras ver nuestra guía sobre cómo elegir el mejor software de diseño web o nuestra selección experta de formas probadas de ganar dinero online blogueando con WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

17 comentariosDeja una respuesta

  1. Kiran

    I have designed a website using wordpress. Currently featured image is showing description section.

    But i want to show featured image url in rss feed.

    How to add featured image (media:thubnail) url in rss feed?

    Please help…

  2. Salim

    WP Beginner, your second wordpress codex!

  3. Mohan Krishna

    Your Site is giving awesome tips but i suggest you to provide demos of the respective codes how it looks like after making the changes as you said because users like me can have a look over that and find if it suits best or not also by the way your visitors can increase by double.

  4. TracyDempsey

    Hi there, I’m searching for how to manually get the URL, but keep finding posts with code for fetching the URL. I’m using Thesis, and I’ve used the Wordpress image editor on some post images to create a cropped, square thumbnail image for my category pages’ excerpts/teasers. But, when I paste the image URL into Thesis’ thumbnail URL field, it doesn’t recognise the cropped thumbnail, but crops the original image (thereby skewing the aspect ratio). So I’m just trying to find the direct URL for the thumbnail of the source image – can you help?? Thanks in advance!

  5. Wynand

    I dont know if this is the correct page to post this, but what i would like to do is the following:

    I have many websites, I would like to display a thumbnail of each in a wordpress page, by just adding the url to that page, or some code surrounding the url

    Can anybody help

  6. Kevin Donnigan

    Awesome!! Thanks for this :-) Needed it for a custom loop with a sticky post on top and set the background image.

  7. Thiago Miro

    Thanks, this solved a big problem.

  8. Luís Fernando Guedes

    Thanks for sharing!

  9. Nicola

    Thanks for writing this tutorial, i don’t know why but the code you wrote never worked for me, and i know it is even available in the codex, i tried it with several loop configurations but no luck.

    Recently i managed to make it work by using it in conjunction with another function: get_post_thumbnail_id()

    ID ) );
    ?>
    <img src="” alt=”” />

  10. Josh

    Really great article. Thanks.

  11. Jotpreet Singh

    Hey, Syed. Good that it’s a turn away from using plugins all the time. Well, Cheers to that

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.