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

Wie man die URL für die Miniaturansicht eines Beitrags in WordPress erhält

Beim Erstellen von WordPress Themes und Child-Themes können Entwickler frustriert sein, wenn das Beitrags-Vorschaubild nicht angezeigt wird. Dies kann ein echtes Hindernis bei der Entwicklung sein.

Was sie brauchen, ist eine einfache Möglichkeit, die URL des Bildes zu erhalten, damit sie es in ihrem Code verwenden können.

Zum Glück haben wir das schon unzählige Male gemacht und kennen eine einfache Methode, um dieses häufige Problem zu lösen.

In dieser Anleitung zeigen wir Ihnen, wie Sie die URL der Beitrags-Vorschaubilder in WordPress extrahieren können. Wir zeigen Ihnen einen praktischen Trick, der Ihren Arbeitsablauf vereinfacht und Ihnen Zeit spart.

How to Get the Post Thumbnail URL in WordPress

Warum die Post Thumbnail URL in WordPress erhalten?

Wenn Sie den Beiträgen in Ihrem WordPress-Blog ein Thumbnail oder ein Featured Image hinzufügen, wird der Blog durch das Hinzufügen von visuellem Interesse attraktiver aussehen. Weitere Informationen finden Sie in unserem Leitfaden zum Hinzufügen von Bildern oder Miniaturansichten von Beiträgen in WordPress.

Wenn Sie einen Beitrag in den sozialen Medien teilen möchten, müssen Sie möglicherweise den Link zu dem vorgestellten Bild oder einem anderen Bild in den Beitrag kopieren. Wir zeigen Ihnen, wie Sie das Schritt für Schritt in unserer Anleitung zum Abrufen der URL von Bildern, die Sie in WordPress hochladen, tun können.

Wenn Sie jedoch ein eigenes Theme entwickeln oder ein bestehendes Theme ändern, müssen Sie möglicherweise die URL der Post-Thumbnails erhalten, damit Sie sie mit Ihrem eigenen benutzerdefinierten Markup verwenden können. In diesem Fall müssen Sie einen Codeschnipsel zu Ihren Themedateien hinzufügen.

Sehen wir uns an, wie man in WordPress die URL des Post-Thumbnails erhält.

Wie man die Post Thumbnail URL in WordPress erhält

Um die URL eines Post-Thumbnails zu erhalten, müssen Sie der Theme-Vorlage, die Sie anpassen, Code hinzufügen. Weitere Informationen finden Sie in unserem Leitfaden zum Hinzufügen von benutzerdefiniertem Code in WordPress.

Wenn Sie einfach nur das Post-Thumbnail anzeigen möchten, können Sie diesen PHP-Code in das Template einfügen, an dem Sie innerhalb der WordPress-Schleife arbeiten:

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

Da Sie aber das Beitrags-Thumbnail-Bild mit Ihrem eigenen benutzerdefinierten Markup anzeigen oder das Thumbnail in Ihrem Theme auf andere Weise verwenden möchten, müssen Sie die URL des Beitrags-Thumbnails abrufen.

Sie müssen stattdessen diesen Code in die Vorlage einfügen:

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

Dieser Code zeigt einfach die URL des vorgestellten Bildes an. Sie können den Code dann anpassen, um die URL des Beitrags-Thumbnails auf beliebige Weise zu verwenden.

Sie können auch die Größe der Miniaturbilder anpassen. Sie müssen das Wort „mittel“ durch eine andere Standardbildgröße ersetzen, z. B. „Miniatur“, „mittelgroß“, „groß“ oder „voll“.

Sie können auch zusätzliche Bildgrößen verwenden, die Sie erstellt haben. Wenn Sie eine benutzerdefinierte Bildgröße verwenden, stellen Sie sicher, dass Sie die Miniaturansichten neu generieren.

Wir hoffen, dass diese Anleitung Ihnen geholfen hat zu lernen, wie man die URL für Beitrags-Vorschaubilder in WordPress erhält. Vielleicht interessieren Sie sich auch für unsere Anleitung zum Erstellen einer untergeordneten Seite in WordPress oder für unsere Expertenauswahl der besten Plugins für verwandte Beiträge in WordPress.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

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.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

17 KommentareLeave a Reply

  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

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.