Ausgewählte Bilder, auch bekannt als Post-Thumbnails, sind eine bekannte WordPress-Funktion, die von den meisten Themes unterstützt wird.
Sie sind das Hauptbild für Ihre Blog-Posts und erscheinen oft neben der Überschrift auf Ihrer Homepage und in sozialen Medien. Alle beliebten WordPress-Themes verfügen über eine integrierte Unterstützung für vorgestellte Bilder.
In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach vorgestellte Bilder hinzufügen oder Miniaturansichten in WordPress posten.
Anfängerleitfaden für empfohlene Bilder in WordPress
Ausgewählte Bilder sind eine WordPress-Theme-Funktion. Fast alle WordPress-Themes verfügen über eine integrierte Unterstützung für vorgestellte Bilder und zeigen sie wunderschön in verschiedenen Bereichen Ihrer WordPress-Website an.
Als Menschen finden wir visuelle Elemente ansprechender als Klartext. Ausgewählte Bilder helfen Ihnen, Ihre Blog-Seiten ansprechender zu gestalten.
Sie helfen Ihnen auch dabei, das Engagement der Benutzer aufzubauen und die Seitenaufrufe zu erhöhen. Suchmaschinen und Social-Media-Websites können diese Bilder ebenfalls verwenden und in Suchergebnissen und Social-Media-Newsfeeds anzeigen.
Meistens werden vorgestellte Bilder für Blog-Posts verwendet, aber Sie können auch vorgestellte Bilder für Seiten und benutzerdefinierte Beitragstypen festlegen.
Notiz: Ausgewählte Bilder sind nicht dasselbe wie das Titelbild. Sehen Sie den Unterschied zwischen Titelbild und vorgestelltem Bild in WordPress.
Lassen Sie uns jedoch einen Blick darauf werfen, wie Sie auf einfache Weise vorgestellte Bilder in WordPress hinzufügen.
Videoanleitung
Wenn Sie schriftliche Anweisungen bevorzugen, lesen Sie einfach weiter.
Hinzufügen einer Beitrags-Miniaturansicht oder eines empfohlenen Bildes in WordPress
Um ein vorgestelltes Bild zu einem WordPress-Beitrag hinzuzufügen, bearbeiten oder erstellen Sie einfach einen neuen Blog-Beitrag.
Im Inhaltseditor finden Sie in der rechten Spalte den Tab „Empfohlene Bilder“.
Sie müssen auf den Bereich „Ausgewähltes Bild festlegen“ klicken, um das WordPress-Medien-Uploader-Popup anzuzeigen.
Von hier aus können Sie ein Bild von Ihrem Computer hochladen oder ein vorhandenes Bild aus Ihrer Medienbibliothek verwenden. Nachdem Sie das Bild ausgewählt haben, klicken Sie einfach auf die Schaltfläche „Ausgewähltes Bild festlegen“.
WordPress zeigt nun eine Vorschau des vorgestellten Bildes in der rechten Spalte an. Das tatsächlich vorgestellte Bild würde jedoch je nach WordPress-Theme anders aussehen.
Sie können Ihren Beitrag jetzt speichern oder veröffentlichen und eine Vorschau anzeigen, um zu sehen, wie das vorgestellte Bild auf Ihrer Live-Website angezeigt wird.
Abhängig von den von Ihrem Theme-Entwickler festgelegten Einstellungen wird Ihr vorgestelltes Bild automatisch mit Ihren Beiträgen angezeigt.
Wie finde und verwendest du ausgewählte Bilder?
Die nächste große Frage, auf die die meisten Anfänger stoßen, ist nun, wo sie Bilder finden können, die sie als vorgestellte Bilder verwenden können.
Sie können nicht einfach die Google-Bildersuche verwenden und ein beliebiges Bild aus dem Internet verwenden. Diese Bilder sind durch Urheberrechtsgesetze geschützt und ihre Verwendung ohne die entsprechende Genehmigung kann rechtliche Probleme verursachen.
Glücklicherweise gibt es mehrere Ressourcen, die Sie verwenden können, um kostenlose Bilder für Ihre Blog-Posts zu finden.
Unsere Top-Favoriten sind:
- Shutterstock – Sie haben ein paar kostenlose Bilder, aber der wahre Wert ergibt sich aus ihren kostenpflichtigen Plänen, die Ihnen Zugang zu Tonnen von hochwertigen Fotos, Illustrationen, Zeichnungen, Videos und mehr bieten. Dies verwenden wir für die Themelocal-Site.
- Unsplash – Eine beliebte Online-Ressource, die hochauflösende Bilder veröffentlicht, die Sie auf Ihrer Website und anderen Projekten verwenden können.
- Negativer Raum – Eine gut organisierte Sammlung von urheberrechtsfreien Bildern.
- Ungetragen – Eine Sammlung von Vintage-Fotografien aus öffentlichen Archiven.
Notiz: Alle diese Quellen liefern hochauflösende Bilder, was bedeutet, dass sie große Dateigrößen und Abmessungen aufweisen. Sie müssen Bilder für das Web optimieren, bevor Sie sie als vorgestellte Bilder verwenden können.
Ausgewählte Bilder werden von Ihrem WordPress-Theme verarbeitet. Um zu ändern, wie Ihr Theme vorgestellte Bilder anzeigt, benötigen Sie einige grundlegende CSS- oder WordPress-Codierungskenntnisse.
Wenn Sie mit dem Codieren vertraut sind, lesen Sie weiter, um weitere Tipps zu erhalten.
Theme Developers Guide to Featured Image and Post Thumbnails in WordPress
Das vorgestellte Bild ist eine beliebte Funktion, die von fast allen WordPress-Themes unterstützt wird. In seltenen Situationen stoßen Sie möglicherweise auf ein Design, das keine Feature-Bilder unterstützt, oder Ihnen gefällt der Umgang mit Feature-Bildern nicht.
In diesem Fall können Sie Ihrem Theme Unterstützung für vorgestellte Bilder hinzufügen oder die Darstellung ändern.
Wenn Sie mit der Bearbeitung von WordPress-Themedateien vertraut sind und sich mit ein wenig benutzerdefiniertem CSS auskennen, können Sie dies selbst tun.
Wenn Ihr Design keine empfohlenen Bilder unterstützt, wird die Option zum Hinzufügen eines vorgestellten Bilds im Inhaltseditor nicht angezeigt.
Um Unterstützung für vorgestellte Bilder in einem WordPress-Theme hinzuzufügen, müssen Sie diese Codezeile in die Datei functions.php Ihres Themes einfügen:
add_theme_support( 'post-thumbnails' );
Dieser Code aktiviert die Unterstützung von vorgestellten Bildern für Beiträge und Seiten. Sie können jetzt zu Beiträgen oder zum Seitenblock-Editor gehen, und Sie sehen die aktivierte Bildoption.
Wenn Sie jedoch ein vorgestelltes Bild festlegen, wird es nicht automatisch in Ihrem WordPress-Theme angezeigt. Um vorgestellte Bilder in Ihrem Design anzuzeigen, müssen Sie Ihre Vorlagen bearbeiten und diese Codezeile an der Stelle hinzufügen, an der das vorgestellte Bild angezeigt werden soll:
<?php the_post_thumbnail(); ?>
Die Dateien, in die Sie den obigen Code einfügen, variieren je nach Design. Sie möchten den Code in Ihre Post-Schleife einfügen.
Verwandt: Sehen Sie sich den Spickzettel für die WordPress-Themehierarchie an, um besser zu verstehen, wie Themen funktionieren.
Der obige Code ist die grundlegende Funktion, die Sie benötigen, um die Unterstützung für vorgestellte Bilder hinzuzufügen und vorgestellte Bilder in Ihrem Thema anzuzeigen. Um die Bildgröße für die von Ihnen hochgeladenen vorgestellten Bilder festzulegen, müssen Sie diese Codezeile zu Ihrem functions.php
Datei.
set_post_thumbnail_size( 50, 50);
Die Parameter für set_post_thumbnail_size sind in dieser Reihenfolge: Breite, Höhe.
Sie können auch zusätzliche Bildgrößen für die Verwendung mit der Funktion_post_thumbnail() festlegen. Zum Beispiel:
// Image size for single posts add_image_size( 'single-post-thumbnail', 590, 180 );
In diesem Beispiel haben wir eine neue Bildgröße namens . hinzugefügt Single-Post-Thumbnail mit 590px mit und 180px Höhe.
Um diese Bildgröße in unserem Theme zu verwenden, müssen wir sie noch der entsprechenden Theme-Datei hinzufügen.
Weitere Informationen finden Sie in unserem Leitfaden zum Hinzufügen zusätzlicher Bildgrößen in WordPress.
Wenn Sie zuvor vorgestellte Bilder hochgeladen haben, diese jedoch noch in einer anderen Größe angezeigt werden, müssen Sie Miniaturansichten und Bildgrößen für ältere Beiträge neu generieren.
Unten sehen Sie ein Beispiel für die Feature-Bildfunktion mit einer bestimmten Bildgröße.
<?php the_post_thumbnail( 'single-post-thumbnail' ); ?>
Dies ist die aufgeschlüsselte Version der vollen Funktionalität. Es gibt viele andere Dinge, die Sie mit vorgestellten Bildern tun können.
FAQs zu angesagten Bildern in WordPress
Als Anfänger können Sie bei der Verwendung von empfohlenen Bildern in Ihrem Blog auf Fragen oder Probleme stoßen. Im Folgenden sind nur einige der am häufigsten gestellten Fragen zu vorgestellten Bildern aufgeführt.
1. Warum erscheint das empfohlene Bild zweimal in meinen Beiträgen?
Manchmal fügen Anfänger ein vorgestelltes Bild hinzu und fügen dann dasselbe Bild im Inhaltsteil des Post-Editors hinzu.
Alles, was Sie tun müssen, ist, das Bild aus dem Inhaltsbereich zu entfernen und nur die Metabox für vorgestellte Bilder zu verwenden, um das vorgestellte Bild hinzuzufügen. Weitere Informationen zu diesem Thema finden Sie in unserem Artikel zum Beheben von doppelt erscheinenden Bildern in WordPress.
2. Was ist der Unterschied zwischen dem Titelbild und dem vorgestellten Bild?
Titelbilder werden im Inhaltsbereich Ihrer Beiträge oder Seiten verwendet. Sie werden normalerweise verwendet, um verschiedene Abschnitte einer langen Seite oder eines Beitrags zu trennen.
Ausgewähltes Bild ist das repräsentative Bild eines Artikels. Es erscheint vor oder neben dem Inhalt, aber nicht im eigentlichen Artikel.
Weitere Informationen zu diesem Thema finden Sie in unserem Leitfaden zum Unterschied zwischen Titelbild und vorgestelltem Bild in WordPress.
3. Wie zeige ich empfohlene Bilder neben den letzten Blog-Posts an?
Der WordPress-Blockeditor verfügt über einen Block „Neueste Beiträge“, mit dem Sie aktuelle Beiträge mit Miniaturansichten der Beiträge anzeigen können.
Sie können auch aktuelle Beiträge mit Miniaturansichten in Seitenleisten-Widgets anzeigen, indem Sie Widget für aktuelle Beiträge erweitert Plugin. Weitere Informationen finden Sie in unserem Artikel zum Anzeigen der letzten Beiträge in WordPress.
4. Wie kann man Autoren daran erinnern, vorgestellte Bilder in WordPress hinzuzufügen?
Ausgewählte Bilder werden auf Ihrer Homepage, Blog-Seite und anderen Archivseiten gut sichtbar angezeigt.
Wenn Sie oder ein anderer Autor in Ihrem Blog vergessen haben, einen zu setzen und den Beitrag veröffentlicht haben, wird er ohne ein vorgestelltes Bild angezeigt. Dies sieht schlecht und inkonsistent aus, was für die Benutzererfahrung nicht gut ist.
Sie können die . installieren und aktivieren Ausgewähltes Bild erforderlich Plugin, das eine Benachrichtigung anzeigt, wenn jemand versucht, einen Beitrag ohne vorgestelltes Bild zu veröffentlichen.
Weitere Informationen finden Sie in unserem Artikel zum Anfordern von empfohlenen Bildern in WordPress.
Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie Sie in WordPress vorgestellte Bilder hinzufügen oder Miniaturansichten posten. Vielleicht möchten Sie auch unseren Anfängerleitfaden für Bild-SEO lesen, der zeigt, wie Sie Ihre WordPress-Bilder für Suchmaschinen optimieren.