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

Wenn Sie ein individuelles WordPress-Theme oder Child-Theme erstellen oder ein Theme anpassen, das standardmäßig kein Hervorgehobenes Bild anzeigt, benötigen Sie eine Möglichkeit, die URL des Beitrags-Vorschaubildes zu erhalten, damit Sie es in Ihrem Code verwenden können.

Als erfahrene WordPress Entwickler stoßen wir oft auf Situationen, in denen Themes mit Hervorgehobenen Beitragsbildern nicht wie gewünscht umgehen. Aus diesem Grund haben wir diesen kurzen Leitfaden zusammengestellt.

In diesem Artikel zeigen wir Ihnen, wie Sie die URL des Beitrags-Vorschaubildes in WordPress erhalten.

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 dieses Tutorial Ihnen geholfen hat, zu lernen, wie man die URL für die Post-Thumbnails in WordPress erhält. Vielleicht interessieren Sie sich auch für unseren Leitfaden zur Auswahl der besten Webdesign-Software oder unsere Expertenauswahl bewährter Möglichkeiten, mit WordPress online Geld zu verdienen.

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.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

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.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

18 KommentareEine Antwort hinterlassen

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. 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…

  3. Salim

    WP Beginner, your second wordpress codex!

  4. 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.

  5. 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!

  6. 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

  7. Kevin Donnigan

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

  8. Thiago Miro

    Thanks, this solved a big problem.

  9. Luís Fernando Guedes

    Thanks for sharing!

  10. 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=““ />

  11. Josh

    Really great article. Thanks.

  12. Jotpreet Singh

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

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.