So ändern Sie die Größe Ihres Featured Image in WordPress

Featured Images (auch bekannt als Post-Thumbnails) sind ein wesentlicher Bestandteil von WordPress-Websites. Sie verleihen Ihren Beiträgen, Seiten und Archiveinträgen einen visuellen Reiz und tragen dazu bei, dass die Nutzer sich angesprochen fühlen. Manchmal müssen Sie die Größe dieser Bilder anpassen, um sie besser an das Design und Layout Ihrer Website anzupassen. In diesem Leitfaden erfahren Sie, wie Sie die Größe der Featured Images in WordPress ändern können. Dabei werden verschiedene Methoden von der Anpassung der Einstellungen bis hin zur Bearbeitung von Theme-Dateien behandelt.

Methode 1: Ändern der Größe des Featured Image über die WordPress-Einstellungen

Bei einigen Themes können Sie die Größe des angezeigten Bildes direkt über den WordPress Customizer oder die Theme-Einstellungen anpassen. Diese Methode ist einfach und erfordert keinen Code.

Schritt 1: Suchen Sie nach Bildeinstellungen im Customizer

1. Melden Sie sich bei Ihrem WordPress-Dashboard an.
2. Gehen Sie zu Erscheinungsbild > Anpassen.
3. Suchen Sie nach Einstellungen, die sich auf Featured Images, Post Thumbnails oder Blog Settings beziehen. Diese Einstellungen variieren je nach dem von Ihnen verwendeten Theme.
4. Passen Sie, falls vorhanden, die Breite und Höhe für vorgestellte Bilder an.
5. Klicken Sie auf Veröffentlichen, um Ihre Änderungen zu speichern.

Schritt 2: Prüfen Sie die Bildeinstellungen in den Themenoptionen

Einige Premium-Themes haben eigene Einstellungen für die Bildgrößen in den Theme-Optionen oder im Theme-Panel:

1. Gehen Sie zu den Theme-Optionen in Ihrem WordPress-Dashboard.
2. Suchen Sie nach einer Option, die sich auf Bildeinstellungen oder Post-Thumbnails bezieht.
3. Passen Sie die Größe der angezeigten Bilder nach Ihren Wünschen an.
4. Speichern Sie die Änderungen und prüfen Sie, wie Ihre Bilder im Frontend erscheinen.

Wenn Ihr Theme keine integrierte Option zum Ändern der Größe der angezeigten Bilder hat, können Sie mit den anderen Methoden unten fortfahren.

Methode 2: Ändern der Größe des angezeigten Bildes über die Bildeinstellungen in Medien

In WordPress können Sie die Standardbildgrößen für verschiedene Bildtypen festlegen, darunter Miniaturbilder, mittlere und große Bilder.

Schritt 1: Medieneinstellungen anpassen

1. Gehen Sie in Ihrem WordPress-Dashboard zu Einstellungen > Medien.
2. Hier können Sie die Standardgrößen anpassen für:
   • Thumbnail-Größe: Diese Größe wird häufig für Bilder verwendet, die im Mittelpunkt stehen.
   • Mittlere Größe: Geeignet für Bilder, die in Beiträgen verwendet werden.
   • Großes Format: Für Bilder, die in voller Größe angezeigt werden.
3. Ändern Sie die Breite und Höhe der Thumbnail-Größe oder eine andere Größe, die Ihren vorgestellten Bildern entspricht.
4. Klicken Sie auf Änderungen speichern.

Schritt 2: Thumbnails neu generieren

Nachdem Sie die Medieneinstellungen angepasst haben, müssen Sie die Miniaturbilder neu generieren, um die neuen Größeneinstellungen auf die vorhandenen Bilder anzuwenden.

• Installieren und aktivieren Sie ein Plugin wie Regenerate Thumbnails.
• Gehen Sie zu Werkzeuge > Regen. Thumbnails.
• Klicken Sie auf Thumbnails für alle Anhänge neu generieren.

Dadurch wird die Größe der vorhandenen Bilder an die neuen Abmessungen angepasst, die Sie festgelegt haben.

Methode 3: Ändern Sie die Größe des angezeigten Bildes mit Code

Wenn Sie mit dem Hinzufügen von Code vertraut sind, können Sie die Größe der angezeigten Bilder manuell in der Datei functions.php Ihres Themes festlegen.

Schritt 1: Definieren Sie benutzerdefinierte Bildgrößen in functions.php

1. Gehen Sie zu Erscheinungsbild > Theme-Editor.
2. Wählen Sie die Datei functions.php Ihres aktiven Themas.
3. Fügen Sie den folgenden Code ein, um eine neue benutzerdefinierte Bildgröße zu definieren:
   add_theme_support(‘post-thumbnails’); add_image_size(‘custom-featured-image’, 800, 400, true);
   • Ersetzen Sie ‘custom-featured-image’ durch einen Namen Ihrer Wahl.
   • Passen Sie 800 (Breite) und 400 (Höhe) an die gewünschten Abmessungen an.
   • Der Parameter true sorgt dafür, dass das Bild auf die angegebene Größe beschnitten wird.

Schritt 2: Verwenden Sie die benutzerdefinierte Bildgröße in Ihrem Theme

Um die neue Bildgröße für vorgestellte Bilder zu verwenden, aktualisieren Sie die Themenvorlagendateien (z. B. single.php, archive.php oder content.php), in denen das vorgestellte Bild aufgerufen wird.

1. Suchen Sie den Teil der Vorlage, der das Beitrags-Thumbnail aufruft, z. B.:
   the_post_thumbnail(‘thumbnail’);
2. Ersetzen Sie “thumbnail” durch die von Ihnen definierte Bildgröße:
   the_post_thumbnail(‘custom-featured-image’);

Schritt 3: Thumbnails neu generieren

Nachdem Sie den Code hinzugefügt haben, generieren Sie die Thumbnails mit einem Plugin wie Regenerate Thumbnails neu, um die Änderungen auf bestehende Bilder anzuwenden.

Methode 4: Ändern der Größe des Featured Image mit einem Page Builder

Wenn Sie einen Page Builder wie Elementor, Divi oder WPBakery verwenden, können Sie die Größe der angezeigten Bilder oft direkt über die Schnittstelle des Page Builders anpassen.

Schritt 1: Öffnen Sie die Seite/den Beitrag im Page Builder

1. Bearbeiten Sie die Seite oder den Beitrag mit Ihrem Page Builder.
2. Wählen Sie das Bild-Widget oder das Beitrags-Widget aus, in dem das vorgestellte Bild angezeigt wird.

Schritt 2: Passen Sie die Einstellungen für die Bildgröße an

1. Suchen Sie innerhalb des Widgets nach einer Option für die Bildgröße oder die Größe der Miniaturansicht.
2. Wählen Sie eine vordefinierte Größe (z. B. Thumbnail, Medium, Large) oder geben Sie benutzerdefinierte Abmessungen an.
3. Speichern Sie die Änderungen und zeigen Sie die Seite in der Vorschau an, um sicherzustellen, dass die Bilder wie erwartet angezeigt werden.

Diese Methode ist besonders nützlich, wenn Sie unterschiedliche Anforderungen für verschiedene Seiten oder Beiträge haben und mehr Kontrolle über jede Instanz des vorgestellten Bildes haben möchten.

Methode 5: Verwenden Sie ein Plugin für benutzerdefinierte Featured Image-Größen

Wenn Sie mit der Bearbeitung von Code nicht vertraut sind, gibt es Plugins, die Ihnen helfen können, benutzerdefinierte Bildgrößen zu erstellen, ohne die Datei functions.php zu berühren.

Empfohlene Plugins:

• Einfache Bildgrößen: Mit diesem Plugin können Sie benutzerdefinierte Bildgrößen erstellen und bestehende Größen direkt vom WordPress-Admin aus verwalten.
• Benutzerdefinierte Bildgrößen: Ermöglicht die Definition von benutzerdefinierten Bildgrößen und deren Verwendung in Ihrem Theme ohne Codierung.

Wie man ein Plugin verwendet:

1. Installieren und aktivieren Sie das Plugin Ihrer Wahl.
2. Rufen Sie die Einstellungsseite des Plugins auf (oft unter Einstellungen oder Medien zu finden).
3. Definieren Sie die Größe Ihres eigenen Bildes, indem Sie die Breite und Höhe angeben.
4. Speichern Sie Ihre Einstellungen und generieren Sie die Thumbnails mit der integrierten Option des Plugins neu.

Tipps für die Wahl der richtigen Größe für das Featured Image

Beachten Sie bei der Anpassung der Größe Ihrer Featured Images die folgenden Punkte:

• Theme-Anforderungen: Schauen Sie in der Dokumentation Ihres Themes nach, welche Größen für die Feature-Bilder empfohlen werden.
• Seitengeschwindigkeit: Größere Bilder können Ihre Website verlangsamen, verwenden Sie daher die kleinste Größe, die eine gute Qualität beibehält.
• Reaktionsfähiges Design: Stellen Sie sicher, dass Ihre Bilder für mobile Geräte optimiert sind, indem Sie flexible Bildgrößen oder Einstellungen verwenden, die sich an die Bildschirmgröße anpassen.
• Bildqualität: Verwenden Sie Tools wie TinyPNG oder ShortPixel, um Bilder ohne Qualitätsverlust zu komprimieren, bevor Sie sie in WordPress hochladen.

Zusammenfassung

Das Ändern der Größe des angezeigten Bildes in WordPress kann auf verschiedene Weise erfolgen, von der Verwendung des Customizers und der Medieneinstellungen bis zur Bearbeitung der Datei functions.php oder der Verwendung von Plugins. Wählen Sie die Methode, die Ihnen am meisten zusagt und die Flexibilität bietet, die Sie benötigen. Durch die Einstellung der richtigen Größe des angezeigten Bildes können Sie das Design Ihrer Website verbessern, die Konsistenz zwischen den einzelnen Beiträgen aufrechterhalten und die Benutzerfreundlichkeit erhöhen, ohne dass die Ladezeiten der Seite beeinträchtigt werden.