So fügen Sie in WordPress ausgewählte Bilder oder Beitrags-Thumbnails hinzu

Das Hinzufügen eines Beitragsbilds oder einer Beitragsvorschau in WordPress ist für jeden Blogger, Entwickler oder Content-Ersteller unerlässlich. Beitragsbilder machen Ihre Beiträge optisch ansprechend und spielen eine wichtige Rolle bei der Leserbindung, der Verbesserung der SEO und der Verbesserung der Social-Media-Vorschau. Ob Blog, Portfolio-Site oder Online-Shop – ein gut platziertes Beitragsbild kann die Wirkung Ihrer Inhalte deutlich steigern.

In diesem Artikel erfahren Sie, wie Sie mithilfe von Code- und Theme-Einstellungen ausgewählte Bilder in WordPress aktivieren und hinzufügen. Wir führen Sie außerdem durch das Hinzufügen von Bildern über den klassischen Editor und Elementor, damit Sie die beste Methode für Ihren Workflow wählen können.

Warum sollten Sie in Beiträgen hervorgehobene Bilder verwenden?

Ausgewählte Bilder sind entscheidend, um Ihre WordPress-Beiträge ansprechender und professioneller zu gestalten. Sie dienen als visuelle Hinweise, die die Aufmerksamkeit der Leser fesseln, die Gesamtästhetik Ihres Blogs oder Ihrer Website verbessern und für Konsistenz in Ihren Inhalten sorgen. Neben der Verbesserung der visuellen Attraktivität verwenden Social-Media-Plattformen häufig ausgewählte Bilder beim Teilen Ihrer Inhalte. Dies verleiht Ihren Beiträgen eine stärkere Präsenz und erhöht die Klickraten.

Aufgrund ihrer Bedeutung ist die Verwaltung Ihrer Mediendateien, insbesondere wenn Ihre Website wächst, genauso wichtig wie deren Hinzufügen. Eine überfüllte Medienbibliothek kann Ihren Arbeitsablauf verlangsamen und das effiziente Auffinden oder Wiederverwenden von Bildern erschweren.

Deshalb sind Tools wie WP Media Folder sehr empfehlenswert. Mit Funktionen wie unbegrenzten Ordnern, erweiterten Suchfiltern und nahtloser Integration in Cloud-Plattformen WP Media Folder Ihnen, den Überblick zu behalten und Ihre vorgestellten Bilder und andere Medien mühelos zu verwalten.

So aktivieren Sie vorgestellte Bilder in Ihrem WordPress-Theme

Nicht alle WordPress-Themes zeigen die Funktion für vorgestellte Bilder automatisch an oder aktivieren sie sogar. Wenn diese Option beim Erstellen eines Beitrags nicht angezeigt wird, ist die Unterstützung für diese Funktion möglicherweise in Ihrem Theme nicht aktiviert. Keine Sorge, Sie können sie auf zwei Arten aktivieren: über benutzerdefinierten Code (ohne die Theme-Dateien direkt zu berühren) oder über die Standardeinstellungen des verwendeten Themes.

Verwenden von benutzerdefiniertem Code

Wenn Sie mit WordPress vertraut sind und die Funktion für vorgestellte Bilder manuell aktivieren möchten, ohne die Datei functions.php direkt zu bearbeiten, können Sie ein WordPress-Plugin wie WP Code verwenden. Dieses Plugin vereinfacht das Hinzufügen von Code, ohne dass Ihre Website durch Tippfehler beschädigt wird.

Installieren Sie dazu zunächst das WPCode-Plugin über das Menü „Plugins > Neu hinzufügen“. Suchen Sie dann nach „WPCode“ und klicken Sie auf „Installieren“ und dann auf „Aktivieren“ .

Sobald das Plugin aktiv ist, öffnen Sie das Menü „Code-Snippets“ und wählen Sie „+ Snippet hinzufügen“.

Wählen Sie die Option „Ihren benutzerdefinierten Code hinzufügen (neues Snippet)“

Geben Sie dann den folgenden Code in die Spalte „Codevorschau“ ein, wählen Sie unter „Codetyp“ die Option „PHP-Snippet“ aus und klicken Sie auf „Snippet speichern“.

Wenn Sie den Beitragseditor öffnen, wird in der Seitenleiste das Hinzufügen eines vorgestellten Bildes angezeigt.

Wenn Sie das vorgestellte Bild in der Beitragsanzeige anzeigen möchten, fügen Sie diesen Code der entsprechenden Designdatei innerhalb der Schleife hinzu, z. B. single.php oder content.php.

<?php the_post_thumbnail(); ?> 

Sie können dies auch hinzufügen, um die Bildgröße anzupassen.

set_post_thumbnail_size( 300, 200 ); 

Oder erstellen Sie benutzerdefinierte Größen wie z. B.

add_image_size( 'benutzerdefinierte Größe', 590, 180 ); 

Rufen Sie abschließend mit dem folgenden Code auf.

<?php the_post_thumbnail( 'custom-size' ); ?> 

Verwenden der Designeinstellungen

Wenn du dich nicht mit Code herumschlagen möchtest, bieten viele moderne WordPress-Themes bereits Einstellungen zum Aktivieren und Festlegen von vorgestellten Bildern direkt im Customizer. Gehe dazu zu Darstellung > Anpassen. Wähle dann Beitragstypen > Blog / Archiv.

Anschließend findest du unter „Beitragsstrukturen > Beitragselemente“ das Menü „Featured Image“. Um es zu aktivieren, klickst du einfach auf das Augensymbol, wie im folgenden Bild gezeigt. Du kannst außerdem das Seitenverhältnis, den Hover-Effekt und die Größe anpassen.

Ausgewählte Bilder in WordPress über Gutengberg (Block-Editor) hinzufügen

Das Hinzufügen eines Beitragsbilds in WordPress mit Gutenberg (Block-Editor) ist einfach und praktisch, insbesondere aufgrund der modernen und intuitiven Benutzeroberfläche. Mit Gutenberg können Sie das Beitragsbild direkt in der Seitenleiste des Editors festlegen, ohne zusätzliche Plugins installieren zu müssen. Diese Funktion eignet sich sowohl für Anfänger als auch für erfahrene Benutzer, die das visuelle Erscheinungsbild ihrer Beiträge schnell anpassen möchten.

Wählen Sie anschließend das Bild als vorgestelltes Bild aus, geben Sie den ALT-Text ein und klicken Sie auf „ Vorgestelltes Bild festlegen“.

Ausgewählte Bilder in WordPress über Elementor hinzufügen

Wenn Sie Elementor zum Erstellen von Seiten oder Beiträgen verwenden, können Sie weiterhin problemlos ausgewählte Bilder hinzufügen. Obwohl sich der Vorgang geringfügig vom Standard-WordPress-Editor unterscheidet, bietet Elementor Optionen zur dynamischen Anzeige ausgewählter Bilder in Ihrem Designlayout. Öffnen Sie zunächst den Beitrag und klicken Sie auf „ Mit Elementor bearbeiten“.

Klicken Sie anschließend oben in der Mitte auf das Symbol „Einstellungen“. Auf der linken Seite befindet sich ein Menü mit vorgestellten Bildern. Klicken Sie auf „Bild auswählen“.

Anschließend erscheint die Medienanzeige. Wählen Sie das Bild aus, geben Sie den ALT-Text ein und klicken Sie abschließend auf Auswählen .

Abschluss

Das Hinzufügen eines hervorgehobenen Bildes kann einen wichtigen visuellen Mehrwert bieten, um die Aufmerksamkeit der Leser zu erregen, die Identität des Inhalts zu stärken und die Darstellung beim Teilen in sozialen Medien zu verbessern. Neben der Verschönerung der Seite unterstützt diese Funktion auch die Suchmaschinenoptimierung und verleiht Ihrer WordPress-Website ein professionelleres Erscheinungsbild.

Mit zunehmender Anzahl hochgeladener Bilder ist es jedoch auch wichtig, die Medienbibliothek übersichtlich und effizient zu halten. Nutzen Sie WP Media Folder , eine WordPress-Medienverwaltungslösung mit herausragenden Funktionen wie unbegrenzten Ordnern, erweiterter Suche und Cloud-Integration. Testen Sie es jetzt und verwalten Sie Ihre vorgestellten Bilder schneller, effizienter und stressfreier!