Wie man in WordPress Bilder oder Miniaturansichten von Beiträgen hinzufügt

Suchen Sie nach einer Möglichkeit, Ihren WordPress-Blogbeiträgen Bilder hinzuzufügen?

Featured Images, 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 Blogbeiträge und erscheinen oft neben der Überschrift auf Ihrer Homepage und in den sozialen Medien.

In diesem Artikel zeigen wir Ihnen, wie Sie in WordPress ganz einfach Vorschaubilder oder Post-Thumbnails hinzufügen können.

Eine Anleitung für Einsteiger zu Featured Images in WordPress

Hervorgehobene Bilder sind eine Funktion von WordPress-Themes. Fast alle WordPress-Themes verfügen über integrierte Unterstützung für Featured Images und zeigen sie in verschiedenen Bereichen Ihrer Website schön an.WordPress-Website.

Wir Menschen finden visuelle Elemente ansprechender als reinen Text. Mit Hilfe von Bildern können Sie Ihre Blog-Seiten ansprechender gestalten.

Sie helfen Ihnen auch, das Engagement der Nutzer zu erhöhen und die Seitenaufrufe zu steigern. Auch Suchmaschinen und Social-Media-Websites können diese Bilder verwenden und sie in den Suchergebnissen und den Newsfeeds der sozialen Medien anzeigen.

Meistens werden vorgestellte Bilder für Blogbeiträge verwendet, aber Sie können auch vorgestellte Bilder für Seiten und benutzerdefinierte Beitragstypen festlegen.

Anmerkung: Ausgewählte Bilder sind nicht dasselbe wie Titelbilder. Siehe dieUnterschied zwischen Titelbild und Featured Image in WordPress.

Werfen wir also einen Blick darauf, wie man in WordPress ganz einfach Bilder hinzufügen kann.

Video-Anleitung

Wenn Sie eine schriftliche Anleitung bevorzugen, lesen Sie einfach weiter.

Hinzufügen eines Thumbnails oder eines Featured Image in WordPress

Um einem WordPress-Beitrag ein Featured Image hinzuzufügen, bearbeiten oder erstellen Sie einfach einen neuen Blogbeitrag.

In derInhaltsredakteurfinden Sie in der rechten Spalte die Registerkarte „Featured Image“.

Klicken Sie auf den Bereich „Set Featured Image“, um das WordPress-Popup-Fenster für den Medien-Uploader aufzurufen.

Von hier aus können Sie ein Bild von Ihrem Computer hochladen oder ein vorhandenes Bild aus Ihrer Mediathek verwenden. Sobald Sie das Bild ausgewählt haben, klicken Sie einfach auf die Schaltfläche „Featured Image“.

WordPress zeigt nun eine Vorschau des vorgestellten Bildes in der rechten Spalte an.

Das tatsächliche Bild sieht jedoch je nach WordPress-Theme unterschiedlich aus.

Sie können nun Ihren Beitrag speichern oder veröffentlichen oder eine Vorschau anzeigen, um zu sehen, wie das angezeigte Bild auf Ihrer Live-Website erscheinen wird.

Je nach den Einstellungen, die Ihr Theme-Entwickler festgelegt hat, wird Ihr Featured Image automatisch mit Ihren Beiträgen angezeigt.

Wie man Bilder findet und wirkungsvoll einsetzt

Die nächste große Frage, die sich den meisten Anfängern stellt, ist, wo sie Bilder finden, die sie als Featured Images verwenden können.

Sie können nicht einfach die Google-Bildersuche benutzen und jedes beliebige Bild aus dem Internet verwenden. Diese Bilder sind urheberrechtlich geschützt, und ihre Verwendung ohne ordnungsgemäße Genehmigung kann zu rechtlichen Problemen führen.

Glücklicherweise gibt es verschiedene Ressourcen, die Sie nutzen können, umfreie Bilder finden für Ihre Blogbeiträge.

Unsere Top-Favoriten sind:

• Shutterstock – Es gibt ein paar kostenlose Bilder, aber der wirkliche Wert liegt in den kostenpflichtigen Plänen, die Ihnen Zugang zu einer Vielzahl von hochwertigen Fotos, Illustrationen, Zeichnungen, Videos und vielem mehr bieten.
• Unsplash – Eine beliebte Online-Ressource, die hochauflösende Bilder veröffentlicht, die Sie für Ihre Website und andere Projekte verwenden können.
• Negativer Raum – Eine gut organisierte Sammlung von urheberrechtsfreien Bildern.
• Neue alte Aktien – Eine Sammlung von alten Fotos aus öffentlichen Archiven.

Hinweis: Alle diese Quellen bieten hochauflösende Bilder, was bedeutet, dass sie eine große Dateigröße und große Abmessungen haben. Sie müssenBilder für das Web optimieren bevor Sie sie als Featured Images verwenden.

Angezeigte Bilder werden von Ihrem WordPress-Theme verwaltet. Um zu ändern, wie Ihr Theme Featured Images anzeigt, benötigen Sie einige grundlegende CSS- oder WordPress-Programmierkenntnisse.

Wenn Sie mit dem Programmieren vertraut sind, lesen Sie weiter, um weitere Tipps zu erhalten.

Leitfaden für Theme-Entwickler zu Featured Images und Post Thumbnails in WordPress

Das Featured Image ist eine beliebte Funktion, die von fast allenWordPress-Themen. In seltenen Fällen kann es vorkommen, dass Sie auf ein Theme stoßen, das keine Feature-Bilder unterstützt, oder dass Ihnen nicht gefällt, wie es mit Feature-Bildern umgeht.

In diesem Fall können Sie die Unterstützung für Featured Images zu Ihrem Thema hinzufügen oder deren Darstellung ändern.

Wenn Sie mit der Bearbeitung von WordPress-Theme-Dateien vertraut sind und sich mit ein wenig benutzerdefiniertem CSS auskennen, können Sie es selbst tun.

Wenn Ihr Theme keine hervorgehobenen Bilder unterstützt, wird die Option zum Hinzufügen eines hervorgehobenen Bildes im Inhaltseditor nicht angezeigt.

Um in einem WordPress-Theme die Unterstützung für Featured Images hinzuzufügen, müssen Sie diese Codezeile in der Theme-Dateifunktionen.php Datei:

add_theme_support(

Wir raten davon ab, die Datei functions.php auf Ihrer Website direkt zu bearbeiten, wenn Sie kein Entwickler sind. Der kleinste Fehler kann die Website zerstören und zahlreiche Fehler verursachen.

Eine einfachere Möglichkeit, benutzerdefinierten Code hinzuzufügen, ist die Verwendung vonWPCode. Es ist das beste Code Snippet Plugin für WordPress. Sie können leicht verwalten allebenutzerdefinierte Codefragmente das Plugin verwenden und sich keine Sorgen machen müssen, dass Ihre Website beschädigt wird.

Zunächst müssen Sie das WPCode-Plugin installieren und aktivieren. Wenn Sie Hilfe benötigen, lesen Sie bitte unsere Anleitung zuwie man ein WordPress-Plugin installiert.

Nach der Aktivierung können Sie zuCode-Schnipsel “ + Schnipsel hinzufügen von Ihrem WordPress-Dashboard aus. Wählen Sie von hier aus einfach die Option „Benutzerdefinierten Code hinzufügen (neues Snippet)“.

Als Nächstes können Sie Ihren benutzerdefinierten Code in den Bereich „Codevorschau“ eingeben.

Vergessen Sie nicht, auf das Dropdown-Menü „Codetyp“ zu klicken und „PHP Snippet“ als Typ auszuwählen.

Wenn Sie fertig sind, können Sie nach unten blättern und die Einfügemethode für Ihren Code auswählen.

WPCode verwendet standardmäßig die Option „Automatisch einfügen“ und führt den Code überall aus. Sie können jedoch die Position ändern und auswählen, dass der Code an einer bestimmten Stelle ausgeführt wird, z. B. in der Kopfzeile, in der Fußzeile, vor einem Absatz und mehr.

Es gibt auch eine Shortcode-Methode, bei der Sie manuell einen Shortcode eingeben können, um den Code auszuführen.

Für dieses Lernprogramm können Sie die Standardmethode verwenden und den Code überall automatisch einfügen.

Sobald Sie fertig sind, klicken Sie einfach auf den Kippschalter oben, um das Snippet zu aktivieren, und dann auf die Schaltfläche „Snippet speichern“.

Mit diesem Code wird die Unterstützung von Bildern für Beiträge und Seiten aktiviert. Sie können jetzt zu dem Beitrag oder der Seite gehenBlockeditorund Sie werden sehen, dass die Option „Featured Image“ aktiviert ist.

Wenn Sie jedoch ein Featured Image einstellen, wird es nicht automatisch in Ihrem WordPress-Theme angezeigt. Um Bilder in Ihrem Theme anzuzeigen, müssen Sie Ihre Vorlagen bearbeiten und diese Codezeile an der Stelle hinzufügen, an der Sie das Bild anzeigen möchten:

<?php the_post_thumbnail(); ?>

Die Dateien, in die Sie den obigen Code einfügen, hängen von Ihrem Theme ab. Fügen Sie den Code innerhalb Ihrer Beitragsschleife ein.

Verwandt: Siehe dieWordPress Theme-Hierarchie Spickzettel um besser zu verstehen, wie Themen funktionieren.

Konfigurieren Sie die Größe Ihrer Featured Images

Der obige Code ist die Grundfunktion, 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 hochgeladene Bilder festzulegen, müssen Sie diese Codezeile zu Ihrer functions.php-Datei oder Ihrem WPCode-Snippet hinzufügen.

set_post_thumbnail_size( 50, 50);

Die Parameter für set_post_thumbnail_size sind in dieser Reihenfolge: width, height.

Sie können auch zusätzliche Bildgrößen mit der Funktion_post_thumbnail() festlegen. Zum Beispiel:

// Bildgröße für einzelne Beiträge

In diesem Beispiel haben wir eine neue Bildgröße namensEinzelposten-Miniaturansicht mit 590px Breite und 180px Höhe.

Um diese Bildgröße in unserem Thema zu verwenden, müssen wir sie noch zur entsprechenden Themendatei hinzufügen.

Weitere Informationen finden Sie in unserem Leitfaden zum Hinzufügen vonzusätzliche Bildgrößen in WordPress für weitere Details.

Wenn Sie bereits vorgestellte Bilder hochgeladen haben, diese aber immer noch in einer anderen Größe angezeigt werden, dann müssen SieThumbnails und Bildgrößen neu generieren für ältere Beiträge.

Nachfolgend finden Sie ein Beispiel für die Funktion „Featured Image“ mit einer bestimmten Bildgröße.

<?php the_post_thumbnail(

Dies ist die reduzierte Version der vollen Funktionalität. Es gibt viele andere Dinge, die Sie mit vorgestellten Bildern tun können.

FAQs über Featured Images in WordPress

Als Anfänger stoßen Sie vielleicht auf Fragen oder Probleme bei der Verwendung von Bildern in Ihrem Blog. Hier sind nur einige der am häufigsten gestellten Fragen zu vorgestellten Bildern.