Titelbild vs. Beitragsbild im WordPress Block Editor (Anfänger-Leitfaden)

Als ich anfing, WordPress zu nutzen, verwechselte ich oft Beitragsbilder mit Titelbildern. Infolgedessen trafen einige meiner frühen Blogbeiträge nicht ganz ins Schwarze. Entweder fehlten wichtige Bilder oder die Bilder waren falsch platziert, was das Design etwas unvollständig machte.

Glücklicherweise habe ich schnell gelernt, dass diese beiden Arten von Bildern einzigartig wichtige Rollen spielen.

Titelbilder werden innerhalb Ihres Inhalts verwendet, um den Ton anzugeben und Leser zu fesseln. Im Gegensatz dazu dienen Beitragsbilder als visuelle Zusammenfassung und zeigen die Essenz Ihres Beitrags, bevor er überhaupt geöffnet wird.

In diesem Leitfaden teile ich alles, was ich über Titelbilder und Beitragsbilder im WordPress-Blockeditor gelernt habe.

Hier ist eine kurze Übersicht darüber, was ich in diesem Leitfaden behandeln werde:

• Was ist ein Titelbild?
• Was ist ein Beitragsbild?
• Titelbild vs. Beitragsbild im WordPress Block-Editor
• So fügen Sie ein Titelbild in WordPress hinzu
• How to Add a Featured Image in WordPress
• Häufig gestellte Fragen zu Titelbildern und Beitragsbildern
• Expertenleitfäden zur Verwendung von WordPress-Bildern

Was ist ein Titelbild?

Ein Titelbild ist ein breites Bild, das Sie überall im Inhalt eines Beitrags oder einer Seite platzieren.

Es ist ein spezifischer Block, der verwendet wird, um lange Textabschnitte aufzulockern und einen visuellen Beginn für einen neuen Abschnitt zu schaffen, oft mit darauf geschriebenem Text.

Sie sind besonders häufig auf Websites anzutreffen, die stark auf Storytelling oder visuelle Inhalte setzen, wie z. B. Reise-, Lifestyle- und Portfolios.

Zum Beispiel könnte ein Blogger ein Titelbild verwenden, um ein neues Kapitel in einem langen Artikel einzuleiten. Vermarkter verwenden sie oft, um Vollbild-Call-to-Action-Banner zu erstellen, und Fotografen können sie verwenden, um ein beeindruckendes Portfolio-Stück innerhalb einer Fallstudie zu präsentieren.

Der 'Cover'-Block in WordPress ermöglicht es Ihnen, ein Titelbild hinzuzufügen. Er erlaubt Ihnen auch, Text und Farbüberlagerungen zu Ihren Bildern hinzuzufügen.

Sie können diese Überlagerungen auch an die Farben Ihrer Website anpassen oder die Stimmung für verschiedene Inhaltsbereiche festlegen. Später im Artikel zeige ich Ihnen mehr über diese Anpassungsoption.

Für den besten Look empfehle ich die Verwendung von Titelbildern mit einer Größe von 1920×1080 Pixeln. Diese Größe stellt sicher, dass die Bilder von hoher Qualität sind und den oberen Bereich Ihrer Beiträge gut ausfüllen.

Was ist ein Beitragsbild?

Ein Beitragsbild ist wie das Gesicht Ihres Blogbeitrags und bietet eine visuelle Darstellung, die Leser anzieht.

Auch als Beitragsbild bezeichnet, erscheint es auf Ihrer Homepage und Ihren Blog-Archivseiten. Es wird auch in Social-Media-Feeds angezeigt, wenn ein Artikel geteilt wird.

Diese Bilder sind visuell ansprechend gestaltet und ermutigen die Leser, Ihren WordPress-Blog oder Ihre Website zu besuchen und zu erkunden.

Zum Beispiel stelle ich und mein Team bei WPBeginner sicher, dass jedes Beitragsbild einzigartig ist und gleichzeitig den konsistenten Stil unserer Marke beibehält.

Beachten Sie, dass Beitragsbilder vom verwendeten WordPress-Theme abhängen, da das Theme die beste Größe für diese Bilder bestimmt.

Dies liegt daran, dass Themes vordefinierte Layouts haben, wie z. B. Beitragsgitter oder Listen auf Ihrer Startseite und Archivseiten, und sie erfordern konsistente Bildgrößen, um ein sauberes und professionelles Design beizubehalten.

Viele Themes setzen beispielsweise auf ein Standard-Seitenverhältnis von 16:9 und verwenden Größen wie 680×382 Pixel. Einige Themes verwenden möglicherweise sogar Beitragsbilder als Kopfzeilenbilder mit Abmessungen wie 1200×675 Pixel.

Wenn Sie detailliertere Einblicke benötigen, lesen Sie diesen umfassenden Leitfaden zu WordPress-Bildgrößen.

Titelbild vs. Beitragsbild im WordPress Block-Editor

Um die Unterschiede noch deutlicher zu machen, hier ein schneller Vergleich von Titelbild und Beitragsbild nebeneinander:

Funktion	Titelbild	Beitragsbild
Hauptzweck	Visuelle Unterbrechungen zu schaffen und Abschnitte innerhalb eines Beitrags hervorzuheben.	Den gesamten Artikel auf Startseiten, Archiven und in sozialen Medien zu repräsentieren.
Ort	Überall im Inhalt des Beitrags oder der Seite.	Wird von Ihrem Theme auf Seiten außerhalb des Beitrags selbst angezeigt.
Wie es hinzugefügt wird	Verwendung des ‚Cover‘-Blocks im Inhaltseditor.	Verwendung der Einstellung ‚Beitragsbild‘ in der Beitragsseitenleiste.
Hauptmerkmale	Kann Text-Overlays, Parallax-Effekte und Filter haben.	Aussehen und Größe werden von Ihrem WordPress-Theme gesteuert.

So fügen Sie ein Titelbild in WordPress hinzu

Der WordPress-Blockeditor, auch bekannt als Gutenberg, macht es sehr einfach, Titelbilder mit dem praktischen Titelblock hinzuzufügen.

Zuerst müssen Sie einen neuen Beitrag erstellen, indem Sie zu Beiträge » Beitrag hinzufügen gehen.

Sie können auch das bereits vorhandene bearbeiten, indem Sie zu Beiträge » Alle Beiträge navigieren, den zu bearbeitenden Beitrag finden und auf den Beitragstitel klicken, um ihn im Editor zu öffnen.

Klicken Sie im Beitragseditor auf die Schaltfläche ‚+‘, um einen neuen Block hinzuzufügen, und wählen Sie den ‚Cover‘-Block aus der Liste aus.

Sie finden den Block „Titelbild“ im Tab „Medien“. Alternativ können Sie auch „/titelbild“ in das Block-Suchfeld eingeben, um ihn leicht zu finden.

Nachdem Sie den 'Cover'-Block ausgewählt haben, sehen Sie ihn im Content Editor erscheinen. Sie sind nun bereit, Ihr Titelbild hinzuzufügen.

Ziehen Sie einfach Ihr Lieblingsbild oder -video per Drag & Drop in den Blockbereich. Alternativ können Sie auf die Schaltfläche „Hochladen“ klicken, um eine Datei von Ihrem Computer auszuwählen.

Und wenn Sie bereits etwas Tolles in Ihrer Mediathek haben, klicken Sie auf die Schaltfläche „Mediathek“, um ein Bild aus Ihrer Medienbibliothek auszuwählen.

Klicken Sie auf die Schaltfläche „Auswählen“, um Ihr Bild zum Beitrag hinzuzufügen.

Jetzt ist es an der Zeit, es anzupassen.

Klicken Sie einfach auf das Bild, und eine Symbolleiste wird für Anpassungen geöffnet. Das Bedienfeld auf der rechten Seite bietet noch mehr Optionen.

Beginnen wir mit dem Hinzufügen eines Titels. Klicken Sie einfach auf den Bereich „Titel eingeben…“ in der Mitte Ihres Titelbildes und geben Sie Ihren Text ein.

Sie erhalten praktische Formatierungsoptionen, die über dem Text für die Anpassung erscheinen.

Überprüfen Sie als Nächstes das Bedienfeld auf der rechten Seite auf zusätzliche Einstellungen.

Hier sehen Sie zwei Registerkarten – 'Einstellungen' und 'Stile'.

Im Tab 'Einstellungen' können Sie die Layout-Optionen anpassen. Standardmäßig ist das Layout auf volle Breite eingestellt, sodass Sie diese Einstellung so belassen können.

Wählen Sie dann zwischen einem festen oder wiederholten Hintergrund, der zu Ihrem Design passt. Ein fester Hintergrund ist perfekt für die Erstellung eines Parallax-Effekts, der Ihrem Bild eine dynamische Note verleiht. Ein wiederholter Hintergrund hilft, wenn Sie gekachelte Bilder verwenden.

Passen Sie dann den Fokuspunkt des Bildes an, um wesentliche Teile hervorzuheben. Sie können auch die Auflösung festlegen, um zu wählen, wie scharf und klar Ihre Bilder sein sollen.

Wechseln Sie als Nächstes zum Tab „Stile“ und passen Sie die Überlagerungsdeckkraft an. Dies bezieht sich darauf, wie durchsichtig eine Farbschicht auf Ihrem Bild ist.

Standardmäßig ist die Transparenz auf 50 % eingestellt, aber Sie können sie an die Stimmung Ihres Beitrags anpassen. Dies trägt dazu bei, dass der Text gut lesbar bleibt, während Sie steuern können, wie viel Farbe angezeigt wird.

Schließlich können Sie mit Filtern experimentieren, um den Stil Ihres Bildes zu ändern. Probieren Sie verschiedene aus, um die beste Option für Ihren Beitrag zu finden.

Für diejenigen, die gerne kreativ werden, tauchen Sie in die Erweiterten Einstellungen ein, um benutzerdefiniertes CSS hinzufügen und Ihrem Titelbild ein einzigartiges Gefühl zu verleihen.

Und da haben Sie es! Wiederholen Sie diese Schritte gerne, um weitere Titelbilder hinzuzufügen, falls Ihr Beitrag diese benötigt, und schaffen Sie so ein dynamisches und ansprechendes Leseerlebnis.

Wenn Sie fertig sind, können Sie Ihren Beitrag in der Vorschau anzeigen und veröffentlichen, um sicherzustellen, dass alles auf der Benutzeroberfläche gut aussieht.

So fügen Sie ein Beitragsbild in WordPress hinzu

Das Hinzufügen eines Beitragsbildes zu Ihrem WordPress-Beitrag ist eine einfache Möglichkeit, ihn hervorzuheben. Der Vorgang ist fast derselbe wie das Hinzufügen eines Titelbildes.

Egal, ob Sie neu im Bloggen sind oder eine schnelle Auffrischung benötigen, hier erfahren Sie, wie es geht.

Öffnen Sie zunächst den Beitrag, den Sie bearbeiten möchten. Die Meta-Box für das Beitragsbild befindet sich auf der rechten Seite.

Klicken Sie einfach auf die Option „Beitragsbild festlegen“, um zu beginnen.

Fügen wir nun Ihr Beitragsbild hinzu.

Sie können ein neues Bild hochladen, indem Sie entweder den Drag-and-Drop-Uploader verwenden oder ein Bild aus Ihrer Medienbibliothek auswählen.

Danach können Sie einen Titel und Alternativtext (wichtig für SEO und für Benutzer mit Bildschirmlesegeräten) für Ihr Beitragsbild hinzufügen und dann auf die Schaltfläche ‚Beitragsbild festlegen‘ klicken. Sie haben erfolgreich ein Beitragsbild zu Ihrem Artikel hinzugefügt!

Detailliertere Anweisungen finden Sie in unserem Leitfaden für Anfänger zum Hinzufügen von Beitragsbildern in WordPress.

Nachdem Sie Ihr Beitragsbild hinzugefügt haben, können Sie es anpassen. Die Anpassungsoptionen hängen jedoch von der Art des von Ihnen verwendeten WordPress-Themes ab.

In diesem Schritt untersuche ich zwei Methoden zur Anpassung Ihrer Beitragsbilder: die Verwendung eines Theme-Customizers und des Full Site Editors (FSE).

Verwendung des Theme-Customizers

Diese Methode funktioniert im Allgemeinen für klassische Themes, aber ich werde für diesen Artikel das Sydney Theme verwenden. Sydney bietet benutzerfreundliche Designoptionen, die es einfach machen, das Aussehen Ihrer Website zu verbessern.

Zuerst müssen Sie das Theme installieren und aktivieren. Wenn Sie Hilfe benötigen, lesen Sie den Leitfaden meines Teams zur Installation eines WordPress-Themes.

Navigieren Sie als Nächstes zu Ihrem WordPress-Dashboard und gehen Sie zu Darstellung » Anpassen. Dies öffnet den Customizer.

Hier können Sie viele Aspekte der visuellen Darstellung Ihrer Website optimieren, einschließlich Ihres Beitragsbilds.

Innerhalb des Customizers können Sie auch Abschnitte wie „Header“ erkunden, um auf Einstellungen zuzugreifen, die sich auf Ihre Beitragsbilder beziehen.

Sie können auch die Voreinstellungen und das mobile Layout des Headers anpassen. Wenn Sie mit den Änderungen zufrieden sind, klicken Sie oben links auf „Veröffentlichen“, um sie zu speichern.

Für weitere Details können Sie sich gerne diesen Leitfaden zur Verwendung des Theme-Customizers ansehen.

Verwendung eines Full Site Editors (FSE)

Für diejenigen, die Block-basierte Themes verwenden, ermöglicht der Full Site Editor (FSE) die Anpassung Ihrer Beitragsbilder. Die folgenden Schritte zeigen, wie Sie den globalen, website-weiten Stil für alle Ihre Beitragsbilder ändern.

Beachten Sie, dass dies eine globale Einstellung ist. Für spezifischere Anpassungen können Sie auch einzelne Vorlagen wie die Vorlage ‚Einzelbeitrag‘ bearbeiten.

Gehen Sie zunächst zu Darstellung » Editor in Ihrem WordPress-Adminbereich. Dies öffnet den Website-Editor. Sobald Sie sich im Editor befinden, gehen Sie zu Navigation » Stile.

Scrollen Sie dann nach unten und wählen Sie „Blöcke“ aus der Liste.

Dies öffnet die Liste der Blöcke, die Sie im Editor anpassen können.

Suchen Sie als Nächstes nach dem Block „Hervorgehobenes Bild“. Um ihn schneller zu finden, können Sie „featured image“ in die Suchleiste eingeben.

Hier sehen Sie die Anpassungsoptionen für Ihr Beitragsbild, einschließlich der Änderung der Abmessungen (Abstand und Ränder).

Sie können auch den Rahmen, Schatten und Radius des Bildes hinzufügen. Experimentieren Sie ruhig mit diesen Einstellungen und sehen Sie, wie sie das Erscheinungsbild Ihres Beitragsbildes beeinflussen.

Wenn Sie mit den Änderungen zufrieden sind, nehmen Sie sich einen Moment Zeit, um sie in der Vorschau anzuzeigen, bevor Sie sie veröffentlichen. So stellen Sie sicher, dass alles auf allen Geräten perfekt aussieht.

Wenn Sie weitere Informationen benötigen, lesen Sie unseren vollständigen Leitfaden für Anfänger zur vollständigen Website-Bearbeitung in WordPress.

Häufig gestellte Fragen zu Titelbildern und Beitragsbildern

Hier sind Antworten auf einige häufig gestellte Fragen, die unser Team zum Verwenden von Titelbildern und Beitragsbildern in WordPress erhält.

Kann ich dasselbe Bild sowohl für das Titelbild als auch für das Beitragsbild verwenden?

Ja, absolut. Es ist üblich, Ihr Beitragsbild festzulegen und dann dasselbe Bild in einem Titelbild-Block am Anfang Ihres Beitrags zu verwenden. Dies schafft ein konsistentes visuelles Erlebnis für Ihre Leser von dem Moment an, in dem sie auf den Link klicken, bis sie mit dem Lesen beginnen.

Warum ist der Text auf meinem Titelbild schwer zu lesen?

Dies geschieht normalerweise, weil nicht genügend Kontrast zwischen Ihrer Textfarbe und dem Bild dahinter besteht. Sie können dies beheben, indem Sie die Farbüberlagerung in den Einstellungen des Titelbild-Blocks anpassen.

Eine dunklere Überlagerung mit hellem Text (oder umgekehrt) macht es viel besser lesbar.

Was passiert, wenn ich kein Beitragsbild für meinen Beitrag festlege?

Wenn Sie kein Beitragsbild festlegen, kann Ihr Beitrag auf der Startseite oder den Archivseiten Ihres Blogs als leerer Platz erscheinen.

Wenn der Artikel in sozialen Medien geteilt wird, zieht die Plattform möglicherweise ein zufälliges Bild von der Seite oder zeigt gar kein Bild an, was das Engagement beeinträchtigen kann.

Beeinflusst der Text, den ich zu einem Titelbild hinzufüge, meine SEO?

Der Text, den Sie in einen Titelbild-Block einfügen, wird von Google wie ein normaler Absatz oder eine Überschrift behandelt, sodass er indiziert wird und zur SEO Ihres Beitrags beitragen kann. Ihr Hauptseitentitel und dedizierte Überschriften (H2, H3) haben jedoch einen wesentlich größeren Einfluss.

Kann ein Beitrag mehr als ein Beitragsbild haben?

Standardmäßig erlaubt WordPress nur ein Beitragsbild pro Beitrag. Sie können jedoch ein Plugin wie All in One SEO verwenden, um ein anderes Bild speziell für soziale Medien festzulegen.

Dies ermöglicht es Ihnen, ein Standard-Beitragsbild für Ihre Website und ein benutzerdefiniertes Bild zu haben, das für Facebook oder Twitter optimiert ist.

Expertenleitfäden zur Verwendung von WordPress-Bildern

Schauen Sie sich diese nützlichen Werkzeuge und Tipps an, um Ihre WordPress-Bilder noch besser zu machen:

• Beste Beitragsbild-Plugins und Tools für WordPress (Verglichen)
• So schneiden und bearbeiten Sie WordPress Beitrags-Thumbnails
• Wie man zusätzliche Bildgrößen in WordPress erstellt
• So fügen Sie ein Hero-Image in WordPress hinzu (funktioniert für alle Themes)
• Bild-Alt-Text vs. Bildtitel in WordPress – Was ist der Unterschied?
• Wie man Bilder für Web-Performance optimiert, ohne Qualität zu verlieren
• Möglichkeiten, Bilddiebstahl in WordPress zu verhindern

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.