WordPress 5.0 wurde mit dem brandneuen Gutenberg-Blockeditor und einer Vielzahl cooler Funktionen veröffentlicht. Einer davon ist der Cover-Block, mit dem Sie Ihren Beiträgen und Seiten Titelbilder hinzufügen können.
Diese Funktion hat einige Benutzer verwirrt, da sie der Option „Featured Image“ ähnelt, die seit WordPress 2.9 in WordPress vorhanden ist.
In diesem Artikel erklären wir die Unterschiede zwischen dem Titelbild und dem vorgestellten Bild im WordPress-Blockeditor.
Was ist ein Titelbild?
Ein Titelbild ist normalerweise ein breites Bild, das als Titelbild für einen neuen Abschnitt in einem Blogbeitrag oder einer Seite verwendet wird. Es ist Teil des Gesamtartikels. Sie können ein Titelbild verwenden, wenn Sie einen neuen Abschnitt oder eine neue Geschichte in Ihrem Artikel beginnen.
Mit dem Cover-Block in WordPress können Sie Ihrem Cover-Bild Text- und Farbüberlagerungen hinzufügen.
Durch Hinzufügen einer geeigneten Farbüberlagerung, die zu Ihrer Themenfarbe oder der Stimmung Ihres Inhalts passt, können Sie Ihren Artikel ansprechender gestalten.
In ähnlicher Weise hilft das Hinzufügen von Text-Overlay Ihren Benutzern, leicht zu erkennen, wo ein neuer Abschnitt in Ihrem Artikel beginnt und worum es geht.
Traditionell verwenden Blogger Überschriftentext, um Abschnitte in einem Blogbeitrag zu trennen. Mit Titelbildern haben Sie jetzt die Möglichkeit, Abschnitte optisch ansprechender zu trennen.
Was ist ein Featured Image?
Ein vorgestelltes Bild (auch bekannt als Post-Thumbnail) ist das Hauptartikelbild, das den Inhalt darstellt. Sie werden auf Ihrer Website in einzelnen Posts, Blog-Archivseiten sowie auf der Startseite von Nachrichten-, Magazin- und Blog-Websites prominent angezeigt.
Darüber hinaus werden Featured Images auch in Social Media Feeds angezeigt, wenn ein Artikel geteilt wird.
Ausgewählte Bilder werden sorgfältig entworfen, um sie attraktiv aussehen zu lassen. Solche Bilder geben den Nutzern einen schnellen Einblick in Ihre Inhalte und führen sie zum gesamten Artikel.
Sie finden eine Meta-Box in Ihrem Beitragsbearbeitungsbildschirm zum Hinzufügen eines vorgestellten Bildes, da fast alle WordPress-Themes standardmäßig vorgestellte Bilder unterstützen.
Wo und wie die vorgestellten Bilder angezeigt werden, wird vollständig von Ihrem WordPress-Theme gesteuert.
Für erweiterte Featured Image-Optionen kannst du diese besten WordPress Featured Image-Plugins überprüfen.
Wie füge ich ein Titelbild in WordPress hinzu?
Der neue WordPress-Blockeditor (Gutenberg) enthält einen Cover-Block, mit dem Sie ein Cover-Bild in WordPress hinzufügen können.
Zuerst müssen Sie einen neuen Beitrag erstellen oder einen bestehenden bearbeiten. Klicken Sie im Nachbearbeitungsbildschirm auf die Schaltfläche Neuen Block hinzufügen und wählen Sie dann Block abdecken.
Sie finden den Cover-Block auf der Registerkarte Common Blocks.
Wenn Sie auf den Block klicken, wird der Cover-Block zu Ihrem Inhaltseditor hinzugefügt, mit Optionen zum Hinzufügen Ihres neuen Cover-Bilds.
Sie können ein Bild oder Video einfach per Drag & Drop in den Blockbereich ziehen, um ein neues Titelbild hochzuladen. Alternativ können Sie auf die Schaltfläche Hochladen klicken, ein Bild auf Ihrem Computer auswählen und zum Hochladen öffnen.
Wenn Sie ein bereits hochgeladenes Bild zu Ihrer Medienbibliothek hinzufügen möchten, klicken Sie auf das Medienbibliothek und wählen Sie ein Bild aus Ihrer Mediengalerie aus.
Sobald Ihr Titelbild hinzugefügt wurde, können Sie es ganz einfach anpassen, indem Sie auf das Titelbild klicken.
Dies zeigt Ihnen eine Symbolleiste mit Anpassungsoptionen über dem Bild, das Feld Titel schreiben… in der Mitte des Bildes und Blockeinstellungen einschließlich Farbüberlagerung im Bedienfeld auf der rechten Seite.
Abgesehen von der Ausrichtungsoption bietet Ihnen der Titelbildblock zwei Breitenoptionen: Breite Breite und Volle Breite.
Mit der Option „Breite Breite“ sieht das Bild so breit aus wie Ihr Inhalt. Mit der Option für volle Breite bedeckt Ihr Bild den gesamten Fensterbildschirm.
Als Nächstes können Sie einen Titel für Ihr Titelbild hinzufügen. Wenn Sie auf das Titelbild klicken, sehen Sie das Feld „Titel schreiben…“ in der Mitte Ihres Titelbilds.
Klicken Sie einfach auf diesen Bereich, um Text hinzuzufügen. Sie können den Titel Ihres Titelbilds schreiben und mit den Formatierungsoptionen formatieren, die über dem Text oder über dem Titelbild angezeigt werden.
Schließlich gibt es auf der rechten Seite die Einstellungen für den Abdeckungsblock. Sie können aktivieren Feststehender Hintergrund um einen Parallaxeneffekt zu erzeugen, wenn Benutzer auf der Seite nach unten scrollen.
Darunter befinden sich Farbüberlagerungsoptionen. Standardmäßig wird die Farbe Ihres Designs als Überlagerungsfarbe mit 50 % Transparenz hinzugefügt, Sie können jedoch die Überlagerungsfarbe und auch die Deckkraft ändern, indem Sie den Punkt verschieben.
Schließlich können Sie CSS-Code hinzufügen und Ihrem Titelbild weitere Stile hinzufügen, indem Sie auf klicken Fortschrittlich Möglichkeit.
Das ist es!
Sie können diesen Schritt wiederholen, um bei Bedarf mehrere Titelbilder in einem einzigen Artikel hinzuzufügen.
Wie füge ich ein empfohlenes Bild in WordPress hinzu?
Der Vorgang zum Hinzufügen eines vorgestellten Bildes ist der gleiche wie zuvor. Wenn Sie schon länger einen WordPress-Blog haben, wissen Sie bereits, wie ein vorgestelltes Bild hinzugefügt wird.
Um ein angesagtes Bild hinzuzufügen, musst du zuerst einen Beitragsbearbeitungsbildschirm öffnen und dann zum Metafeld „Ausgewähltes Bild“ auf der rechten Seite des Bildschirms navigieren.
Sie müssen auf klicken Empfohlenes Bild festlegen Möglichkeit.
Als Nächstes können Sie ein neues Bild hochladen, indem Sie entweder den Drag-and-Drop-Uploader verwenden oder ein Bild aus Ihrer vorhandenen Medienbibliothek auswählen.
Danach können Sie Titel- und Alternativtext für Ihr vorgestelltes Bild hinzufügen und dann auf klicken Auswählen Möglichkeit.
Sie haben Ihrem Artikel erfolgreich ein empfohlenes Bild hinzugefügt.
Wenn Sie detailliertere Anweisungen wünschen, können Sie unseren Anfängerleitfaden zum Hinzufügen von vorgestellten Bildern in WordPress lesen.
Nachdem Sie Ihr vorgestelltes Bild hinzugefügt haben, können Sie eine Vorschau Ihres Beitrags anzeigen und sehen, wie er aussieht.
Wenn Sie das neue Standarddesign Twenty Nineteen oder andere moderne Designs verwenden, sehen Sie möglicherweise auch eine Farbüberlagerung auf Ihren vorgestellten Bildern.
Sie können es entfernen oder die Farbe ändern, indem Sie zum WordPress-Anpasser gehen.
Klicken Sie einfach auf die Aussehen » Anpassen Schaltfläche in Ihrem WordPress-Menü.
Einmal am Anpassen Panel, müssen Sie auf das Farben links die Option.
Auf dieser Registerkarte sehen Sie die Primärfarbenoption Ihres Designs und die Option zum Aktivieren oder Deaktivieren des Bildfilters.
Sie können die Primärfarbe Ihres Themes ändern, indem Sie das Benutzerdefiniert Option und wählen Sie eine Farbe.
Wenn Sie den Farbfilter für Ihre vorgestellten Bilder deaktivieren möchten, können Sie einfach das Häkchen bei „Filter mit der Primärfarbe auf ausgewählte Bilder anwenden“ entfernen.
Bitte beachte, dass vorgestellte Bilder von WordPress-Themes verwaltet werden, sodass du diese Option möglicherweise nicht in deinem Theme findest, wenn es keine Bildfilter unterstützt.
Fazit – Titelbild vs. Featured Image in WordPress
Nachdem Sie nun wissen, wie Sie ein Titelbild und ein empfohlenes Bild hinzufügen, werfen wir einen Blick auf einige Best Practices.
Ausgewählte Bilder werden häufig von WordPress-Blogs, Online-Magazinen, Nachrichten- und Unterhaltungswebsites als Miniaturansichten von Beiträgen oder Hauptartikelbilder verwendet.
Gut gestaltete Bilder helfen dabei, mehr Nutzer zum Öffnen eines Artikels zu bewegen. Sie eignen sich hervorragend, um Ihre Website attraktiv und visuell interaktiv zu gestalten.
Titelbilder sind eigentlich Teile Ihres Artikels. Ein Benutzer sieht Ihr Titelbild, nachdem er Ihren Artikel zum Lesen geöffnet hat. So machen sie Ihre Artikel ansprechender und machen Spaß beim Lesen.
Die beste Verwendung von Titelbildern besteht darin, schöne Übergänge zwischen Abschnitten innerhalb eines langen Artikels hinzuzufügen.
Cover-Bilder unterscheiden sich von normalen Post-Bildern, da sie die Option in voller Breite haben und Sie die Möglichkeit haben, Text-Overlays hinzuzufügen.
Durch das richtige Hinzufügen von Titelbildern können Sie die Benutzerinteraktion in Ihren Beiträgen verbessern.
Wir hoffen, dieser Artikel hat Ihnen geholfen, den Unterschied zwischen einem Titelbild und einem vorgestellten Bild im neuen WordPress-Blockeditor zu verstehen. Vielleicht möchten Sie auch unseren Artikel darüber lesen, wie Sie Ihre alten WordPress-Beiträge mit dem Gutenberg-Blockeditor aktualisieren.