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 mehrere Post-Thumbnails / Featured Images in WordPress hinzufügt

Hinweis der Redaktion: Wir erhalten eine Provision für Partnerlinks auf WPBeginner. Die Provisionen haben keinen Einfluss auf die Meinung oder Bewertung unserer Redakteure. Erfahre mehr über Redaktioneller Prozess.

Standardmäßig unterstützt WordPress ein einzelnes Hervorgehobenes Beitragsbild pro Beitrag, aber viele moderne Websites und Content-Strategien verlangen mehr visuelle Flexibilität.

Im Laufe der Jahre haben uns viele unserer Besucher gefragt, wie sie mehr als ein Hervorgehobenes Beitragsbild zu ihren WordPress Beiträgen hinzufügen können.

Diese Funktion kann das Erscheinungsbild Ihrer Inhalte verbessern, insbesondere für bildlastige Blogs, Produktpräsentationen oder multimediale Artikel.

In dieser Anleitung erfahren Sie, wie Sie mehrere Beitrags-Vorschaubilder oder hervorgehobene Beiträge zu Ihrer WordPress Website hinzufügen können.

How to add multiple post featured images in WordPress

Warum mehrere Hervorgehobene Bilder in WordPress?

Hervorgehobene Beitragsbilder sind eine Standard-Funktion von WordPress, und Sie finden sie in jedem WordPress-Theme.

Sie bringen Leben in Ihre Inhalte und machen Ihre Beiträge in Blogs interessanter. Außerdem helfen sie, die Aufmerksamkeit der Benutzer zu wecken und sie zum Klicken auf Ihren Artikel zu bewegen.

Es gibt Situationen, in denen Sie mehrere Beitrags-Vorschaubilder zu Ihrer WordPress-Website hinzufügen müssen. Vielleicht hat ein Kunde eine spezielle Anforderung, mehr als ein Vorschaubild zu verwenden, oder Ihr Website-Design erfordert verschiedene Bilder.

Zum Beispiel erfordern Abschnitte wie die Homepage oder die Seiten des Archivs (der Blog und die Kategorie-Abschnitte) unterschiedliche Bildgrößen. In diesem Fall ist die Option, mehrere Vorschaubilder anzuzeigen, sehr nützlich.

Auf WPBeginner verwenden wir mehrere Vorschaubilder für Archivseiten, soziale Medien und Thumbnails, die in einem Blogbeitrag erscheinen. Hier ist ein Thumbnail, das innerhalb des Blogposts erscheint:

Thumbnail that appears in post

Andererseits sind die Bilder, die auf den Seiten des Archivs erscheinen, unterschiedlich.

Hier sehen Sie, wie die Thumbnails im Blog-Bereich von WPBeginner erscheinen:

Thumbnails on archive pages

Jetzt zeigen wir Ihnen, wie Sie mehrere Vorschaubilder in WordPress hinzufügen können, und geben Ihnen einen Bonustipp. Hier ist ein kurzer Überblick über die Themen, die wir in diesem Leitfaden besprechen werden:

Sind Sie bereit? Dann fangen wir an.

Die einfachste Möglichkeit, mehrere Hervorgehobene Beitragsbilder ohne Plugins hinzuzufügen, ist die manuelle Platzierung im WordPress Content Editor in Ihrem Inhalt.

Zunächst können Sie Ihr primäres Vorschaubild mit der standardmäßigen Funktion Hervorgehobenes Bild im WordPress Editor hochladen.

Klicken Sie einfach auf das Zahnradsymbol oben, um das Einstellungsfeld auf der rechten Seite zu öffnen, und gehen Sie dann zum Abschnitt „Hervorgehobene Bilder“.

Upload primary featured image in content editor

Danach können Sie auf den Bereich „Hervorgehobenes Beitragsbild einstellen“ klicken, woraufhin der WordPress Media-Uploader angezeigt wird.

Laden Sie einfach Ihr Bild hoch oder wählen Sie ein Bild aus Ihrer Mediathek.

Upload your image

Nachdem Sie ein Bild ausgewählt haben, klicken Sie einfach auf den Button „Hervorgehobenes Bild einstellen“.

Der nächste Schritt ist das Hinzufügen eines Bildblocks an beliebiger Stelle im Inhalt, um ein weiteres Hervorgehobenes Beitragsbild einzufügen.

Klicken Sie dazu auf den ‚+‘-Button und fügen Sie dann einen Bildblock hinzu, in dem Sie das sekundäre Hervorgehobene Beitragsbild anzeigen möchten.

The WordPress Image block

Sobald der Bildblock hinzugefügt ist, laden Sie das Vorschaubild einfach in Ihren Beitrag hoch.

Alternativ können Sie auch ein vorhandenes Bild aus der Mediathek Ihrer WordPress-Website auswählen oder die Option „Von URL einfügen“ verwenden.

Upload or select an image from media library

Sie können sogar einen Galerie-Block hinzufügen und mehrere Hervorgehobene Beitragsbilder zeigen. Dies ist besonders nützlich, wenn Sie einen eCommerce-Shop haben oder zahlreiche hochwertige Produktbilder zeigen müssen.

Weitere Einzelheiten finden Sie in unserer Anleitung zum Erstellen einer Galerie in WordPress.

Sie können nun auf Ihrer WordPress-Website mehrere Hervorgehobene Beitragsbilder sehen.

Preview of multiple featured images

Wenn Sie für Artikel einer bestimmten Kategorie ein anderes Featured Image anzeigen möchten, verwenden Sie am besten das Category Featured Image Plugin.

Zunächst müssen Sie das Plugin für Hervorgehobene Kategorie-Beitragsbilder installieren und aktivieren. Wenn Sie Hilfe benötigen, lesen Sie bitte unsere Anleitung zur Installation eines WordPress Plugins.

Sobald das Plugin aktiviert ist, können Sie von Ihrem WordPress-Dashboard aus zu Beitrag “ Kategorien gehen. Sie sehen jetzt eine neue Option „Hervorgehobenes Bild“, wenn Sie neue Kategorien oder Unterkategorien hinzufügen.

Klicken Sie einfach auf den Button „Neues Bild hinzufügen“, um loszulegen.

Add category featured images

Sobald Sie auf den Button klicken, öffnet sich der WordPress Media-Uploader.

Sie können Ihr Bild vom lokalen Laufwerk Ihres Computers hochladen oder eines aus Ihrer WordPress-Mediathek auswählen. Danach klicken Sie einfach auf den Button „Hervorgehobenes Bild einstellen“.

Upload your image

Sie können auch bestehende Kategorien auf Ihrer Website bearbeiten und ein Hervorgehobenes Beitragsbild hinzufügen.

Bewegen Sie dazu den Mauszeigerkontakt auf eine beliebige Kategorie und klicken Sie auf die Option „Bearbeiten“.

Edit an existing category

Danach scrollen Sie nach unten zum Abschnitt „Hervorgehobene Beitragsbilder“.

Klicken Sie auf den Button „Neues Bild hinzufügen“ und laden Sie Ihr Hervorgehobenes Beitragsbild für die Kategorie hoch.

Add a featured image to existing category

Vergessen Sie nicht, auf den Button „Aktualisieren“ zu klicken, wenn Sie fertig sind.

Sie können nun zurück zur Seite „Kategorien“ in Ihrem WordPress Adminpanel gehen und das Hervorgehobene Beitragsbild für jede Kategorie sehen.

View featured image for each category

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie Sie mehrere Beitrags-Vorschaubilder / hervorgehobene Beiträge in WordPress hinzufügen können. Als Nächstes möchten Sie vielleicht unsere Anleitung zur grundlegenden Bildbearbeitung und zum Erstellen von Flipbox Overlays und Mauszeigerkontakten in WordPress lesen.

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

60 KommentareEine Antwort hinterlassen

  1. Syed Balkhi says

    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. THANKGOD JONATHAN says

    Having multiple post thumbnails seemed like a complex task until I found this tutorial. Your explanation and recommended plugins made it straightforward. Thanks for simplifying the process!

  3. Thodoros Athineos says

    This is very handy for many purposes that special images might be needed (eg mobile-image).

    BUT
    Is it possible for your future plans, to provide the ability of an array of images, instead of single?

    For example, the developer might need to add an album-images instance, in order that user can select multiple images to be provided to an album.

    • WPBeginner Support says

      We will look into possibly adding that in the future but you may need to look into a plugin for that level of customization.

      Admin

  4. Robin Parker says

    hi, everything works down to this paragraph.

    „Even though you can add a secondary featured image in your WordPress admin, it will not display on your site until you configure your theme. All you need to do is add the following code inside your post loop where you want to display it. This could be in your single.php (for single posts), archive.php (only for archive pages), etc.“

    Can you explain a little more about where to place this part of the code within the theme? Thx!

    • WPBeginner Support says

      That would depend on your specific theme, normally it should have the code to display your content and you would place the code in that area, for understanding the loop you would want to take a look at the page: https://www.wpbeginner.com/glossary/loop/
      For where to place the code for how you’re wanting it, you would want to reach out to your theme’s support.

      Admin

  5. Parvez says

    I want to add two images; one as a thumbnail (in search engine, archives, homepage or any other place it showed) and another one as featured image (Reader will see this image only at the time of reading content).

    Is there any solution for my problem?

    • WPBeginner Support says

      You would want to reach out to the support for the theme you are using for that type of customization.

      Admin

  6. Lisa says

    Hi. Could you possibly update older articles? This one uses a plugin that hasn’t been updated in over 2 years.

    Just wondering.

    • Kashif Riaz says

      Hi, Please tell me how to access the second thumbnail. For example we can access the default featured image by „the_post_thumbnail()“.

  7. Kristina says

    Why isn’t the „Multiple Post Thumbnails“ updated? It said that it was last updated 2 years ago. It needs to be updated because some people cannot use plugins that wasn’t updated since 2-3 years ago…

  8. Leslie says

    I hope you can help me. Can you tell me if this plugin can do what I need?

    I need to be able to add a second featured image to a post (or custom post type) that is in more than one category. On the archive page for one of the categories, I need for the second featured image thumbnail to show, and everywhere else on the site I need for the first featured image thumbnail to show.

    Thanks for whatever you can tell me!

  9. Nick W says

    I use genesis and i cannot figure out where to paste this snippet so the 2nd featured image shows only as the thumbnail on the home and category pages. Please help.

  10. Lance says

    Great Plugin! Could it be possible to make it so when there is a secondary image set, that only the secondary image shows?

  11. Brian says

    Can you add it to just one page in the admin area. Like if i wanted to just add it to the front-page.php file in the admin area so if you go to edit another page it is not on it in the admin area?

  12. Neil desucatan says

    Hi i’m new with wordpress and i hope you can help me :) with this

    i need to use this to my sidebar.php but now showing the secondary image

  13. Anas Iqbal says

    Hi, I am using this plugin with NewsPaper WordPress theme but everytime it display the latest secondary image added in all post.

    Like I display 6 posts in sidebar, and secondary image was added in just first 2 posts, but the same image will display in all 6 posts.

    Please tell me how can I use this with NewsPaper WordPress theme.

  14. Barrett Hemmings says

    Is there a way to use this method to assign a secondary featured image based on a category that is chosen? I am building a site for a reclaimed wood company that does all kinds of projects and some of the project photos have multiple categories within them. For instance, one project we did has items throughout the house that we did, and we included the category „Shelves“ to a posting that the featured image doesn’t show any shelves. That project will be displayed within a page of shelves and have the featured image of a counter top. Is there any way to make it display one of the photos of the shelves when it is displayed in this category?

    • Ankita says

      there is always an id for any post type so in your case if it is „shelves“ then ‚post_type‘ => ’shelves‘ will be in your code.

  15. tareq says

    It’s really working on post. bt i wanna set it on custom post. How can i add multiple feature image in custom post?

  16. Patrick Buntsma says

    It might be very easy, but I cannot seem to get it right…
    How do I get it to show up in all my post types? The ‚post_type‘ => ‚post‘ only makes it available in WP Posts. I need it in ‚page‘ and ‚event‘ as well.

    Please advice.

  17. Anas Naqvi says

    for multiple feature images copy this code in your functions,php

    if (class_exists(‚MultiPostThumbnails‘)) {

    for($i=2; $i ‚Secondary Image-‚.$i,

    ‚id‘ => ’secondary-image-‚.$i,

    ‚post_type‘ => ‚page‘

    ));

    }

    }

    In order to display your featured image paste this code in your loop of your single.php/page.php where you want to display the images.

    if (class_exists(‚MultiPostThumbnails‘)) :

    for($i=2; $i<=5; $i++)

    {

    MultiPostThumbnails::the_post_thumbnail(get_post_type(), 'secondary-image-'.$i);

    }

    endif;

  18. Rajith Gunawardena says

    this is a very useful tutorial.. So the admins doesn`t need to go to widgets as all items could be added at once ( if the items are unique to that post ./ page ) .. Does anyone of you guys know how we could have a similar one for featured text and extra text areas within the post ?

    • KyawNaing Tun says

      I solved it like this :)

      // in function.php

      if (class_exists(‚MultiPostThumbnails‘)) {

      new MultiPostThumbnails(array(

      ‚label‘ => ‚Secondary Image‘,

      ‚id‘ => ’secondary-image‘,

      ‚post_type‘ => ‚product‘

      ) );

      new MultiPostThumbnails(array(

      ‚label‘ => ‚Third Image‘,

      ‚id‘ => ‚third-image‘,

      ‚post_type‘ => ‚product‘

      ) );

      }

      // in template

      if (class_exists(‚MultiPostThumbnails‘)) :

      MultiPostThumbnails::the_post_thumbnail(get_post_type(), ’secondary-image‘);

      endif;

      if (class_exists(‚MultiPostThumbnails‘)) :

      MultiPostThumbnails::the_post_thumbnail(get_post_type(), ‚third-image‘);

      endif;

  19. MatsDagerlind says

    I solved it like this (based on code provided in this article, its comments and other sources):

    MultiPostThumbnails::the_post_thumbnail(get_post_type(), ’secondary-image‘, NULL, ‚medium‘);
    $mptId = MultiPostThumbnails::get_post_thumbnail_id(‚post‘, ’secondary-image‘, $post->ID);
    $p = get_post($mptId);
    echo „“;
    echo apply_filters(‚the_excerpt‘,$p->post_excerpt);
    echo „“;

  20. Vinnie James says

    Is it possible to just return the image url without the tag when calling it up within the template file? Something similar to:

    //Get the Thumbnail URL
    $src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array(320,240), false, “ );
    echo $src[0];

    EDIT: Yes, there is. Use this —
    $custom = MultiPostThumbnails::get_post_thumbnail_id(‚post‘, ’secondary-image‘, $post->ID); $custom=wp_get_attachment_image_src($custom,’post-secondary-image-thumbnail‘); echo $custom[0];

  21. Mehdi says

    Hi, Thank you for your work :)

    Using this plugin, can I add more than 1 additional Thumbnail image ??

    Thank you.

      • Mehdi says

        Awesome! But it looks that from the back-office I can only add One secondary image. How can I achieve that ?
        Thank you.

        • Mehdi says

          Sorry, this is how we can do it :

          // To be Added in functions.php
          // Multi-Thumbnails code
          if (class_exists(‚MultiPostThumbnails‘)) {
          for($i = 1; $i ‚Gallery Image‘.$i,
          ‚id‘ => ‚image-‚.$i,
          ‚post_type‘ => ‚post‘
          ));
          }
          }

          Thank you.

    • WPBeginner Support says

      The featured image is an image that you can attach to a post using the featured image box in the post edit area. If you want, you can set a default fallback image for your featured images. This default featured image will appear when there is no featured image set for a post.

      Admin

  22. Gunaseelan says

    I have created a plugin for displaying Page Title, Featured Image and the content.

    Instead of displaying featured image, I need to display the secondary image that is uploaded via plugin.

    How to accomplish this? I will share a small part of my plugin. Please go through it.

    function widget($args, $instance) {
    extract( $args );
    $title = apply_filters(‚widget_title‘, $instance[‚title‘]);
    $page_id = $instance[‚page_id‘];
    $featured_image = get_the_post_thumbnail($page_id);
    $image = $instance[$featured_image];
    echo $featured_image;

    ?>

    post_content;
    $content = strip_shortcodes($content);
    $content = apply_filters(‚the_content‘, $content);
    echo $this->break_text($content, $page_id);
    ?>

    <!––>
    <!––>

    <?php
    }

  23. Eoghan says

    I cannot get the resize part to work for me.

    I add image size in functions.php:
    add_image_size(’small-featured-image-size‘, 250, 150);

    I add my image:
    if (class_exists(‚MultiPostThumbnails‘)) {
    new MultiPostThumbnails(
    array(
    ‚label‘ => ‚Small Featured Image‘,
    ‚id‘ => ’smaller-featured-image‘,
    ‚post_type‘ => ‚product‘
    )
    );
    }

    And then:
    if( class_exists(‚MultiPostThumbnails‘) ) {
    MultiPostThumbnails::the_post_thumbnail(‚product‘, ’smaller-featured-image‘, NULL, ’small-featured-image-size‘);
    }

    The image keeps coming out on the page as its original size. Can anyone help me?

  24. Joshua says

    Hey, I’m trying to figure out how to turn this block of code into an array that can be used outside of the loop (in a foreach loop thats after the post loop).

    if (class_exists(‚MultiPostThumbnails‘)) :

    MultiPostThumbnails::the_post_thumbnail(get_post_type(), ’secondary-image‘);

    endif;

    How would you do this? Great tutorials by the way!

  25. Aura Ide says

    Thank you for this article as I was looking for a long time, it turns out I found here. We will practice immediately. The tutorial is very clear, good luck!

  26. Travis Pflanz says

    To improve on this idea, you could just use a custom meta box/fields plugin or create a custom repeatable field… To allow different number of „post thumbnails“

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.