So ändern Sie die Miniaturansichtsgröße in WordPress und warum Sie dies möchten

Veröffentlicht: 2019-04-21

Wenn Sie eine neue WordPress-Website einrichten, bietet Ihnen die Plattform drei Bildgrößen zum Spielen: Thumbnail , Medium und Large (plus die Originalauflösung der Datei). Dies gibt Ihnen eine solide Anzahl von Optionen, mit denen Sie arbeiten können. Insbesondere Thumbnails können jedoch schwierig zu verwenden sein, da Sie sicherstellen müssen, dass sie über alle Themen und Geräte hinweg gut aussehen.

Glücklicherweise dauert das Ändern der Miniaturansichtsgröße Ihrer Bilder in WordPress nur ein oder zwei Minuten. Wenn Sie schon dabei sind, können Sie Ihrer Website auch neue Standardbildgrößen hinzufügen, um noch mehr Auswahlmöglichkeiten zu haben. In diesem Artikel zeigen wir Ihnen, wie Sie beides tun können, also machen wir uns an die Arbeit!

Abonnieren Sie unseren Youtube-Kanal

So ändern Sie Ihre Thumbnail-Größe in WordPress

Das Ändern der Miniaturansichtsgröße in WordPress ist bemerkenswert einfach. Hier sind die Schritte, die Sie befolgen müssen, auf die wir in Kürze mehr eingehen werden:

  1. Gehen Sie zu Ihrem WordPress-Dashboard.
  2. Navigieren Sie zur Registerkarte Einstellungen > Medien .
  3. Suchen Sie nach dem Abschnitt Bildgrößen > Miniaturansichtsgröße .
  4. Ändern Sie die Standardbreite und -höhe Ihrer Miniaturansichten in Pixel.

Das wars so ziemlich. Schauen wir uns jedoch den Abschnitt Bildgrößen > Miniaturansicht genauer an:

Der Abschnitt Bildgrößen > Miniaturansicht.

Wie Sie sehen können, sorgen die Standard-Thumbnail-Größen für ein proportionales, quadratisches Bild. Bei 150 × 150 Pixeln sollten Sie sich Folgendes ansehen:

Ein Beispiel für die Standardgröße für Miniaturansichten.

Dieses Bild verwendet einen sogenannten "harten Zuschnitt", da wir die Einstellung Miniaturansicht auf genaue Abmessungen zuschneiden aktiviert haben . Dies bedeutet, dass WordPress die von Ihnen festgelegte Miniaturansichtsgröße verwendet, den Bereich mit dem von Ihnen verwendeten Bild „füllt“ und den Rest des Bildes auslässt. Ein „weicher Zuschnitt“ hingegen ist eine Größenänderung, die Ihre Bilder verkleinert, während ihre Proportionen beibehalten werden.

Fahren Sie vorerst fort und wählen Sie Ihre neue Standard-Thumbnail-Größe aus. Denken Sie dann daran, die Änderungen an Ihren Einstellungen zu speichern.

Sobald Sie eine neue Standard-Thumbnail-Größe festgelegt haben, verwendet WordPress diese für alle Bilder, die Sie von diesem Moment an hochladen. Was aber, wenn Sie bereits über eine umfangreiche Medienbibliothek verfügen, die andere Miniaturansichtsgrößen verwendet?

Anstatt diese Bilder erneut hochzuladen, können Sie sie einfach "in der Größe ändern". Das beste Werkzeug für diesen Job ist das AJAX Thumbnail Rebuild Plugin:

Das AJAX Thumbnail Rebuild-Plugin.

Dieses Plugin nimmt alle Ihre vorhandenen Thumbnails und ändert ihre Größe nacheinander. Es funktioniert auch mit den anderen Bildgrößen, die WordPress verwendet, wie Medium , Large und so weiter. Das bedeutet, dass Sie es auch dann verwenden können, wenn Sie eine dieser Standarddimensionen ändern (was wir Ihnen später zeigen werden).

Um zu beginnen, installieren und aktivieren Sie das Plugin. Wechseln Sie anschließend zur Registerkarte Einstellungen > Miniaturansicht neu erstellen und wählen Sie die Bilder aus, deren Größe Sie ändern möchten, und klicken Sie dann auf die Schaltfläche Alle Miniaturansichten neu erstellen :

Einstellungen für WordPress-Miniaturansichten.

Der Vorgang kann eine Weile dauern, je nachdem, wie viele Bilder Ihre Medienbibliothek enthält. Seien Sie also geduldig und schließen Sie die Registerkarte nicht, bis die Meldung Fertig angezeigt wird.

Warum Sie möglicherweise Ihre WordPress-Miniaturansicht ändern müssen

An dieser Stelle haben wir bereits das Wie beim Ändern der Thumbnail-Größe behandelt, aber das Warum haben wir noch nicht besprochen. Die Standard-Thumbnail-Größe von WordPress von 150 × 150 Pixel kann für einige Benutzer gut funktionieren, aber keine einzelne Bildauflösung ist für alle Arten von Designs geeignet.

Sie möchten beispielsweise größere Miniaturansichten, die mehr Details zeigen. Dies ist besonders relevant, wenn Sie einen E-Commerce-Shop betreiben. Oder Sie möchten eine eher rechteckige Form verwenden, insbesondere wenn es um vorgestellte Bilder für einen Blog oder eine Nachrichtenseite geht.

Wenn Sie Ihre Website neu gestalten oder ein neues Design ausprobieren, ist es auch eine gute Idee, einige Zeit mit den Bildgrößen zu experimentieren, damit Sie sehen können, was mit dem neuen Stil am besten funktioniert. Außerdem ist der Vorgang so einfach, dass er kaum ein paar Minuten dauern sollte, und er wirkt sich nicht auf Ihre vorhandene Medienbibliothek aus, es sei denn, Sie installieren das oben vorgestellte zusätzliche Plugin.

Was ist, wenn Sie WordPress benutzerdefinierte Bildgrößen hinzufügen möchten?

Immer wenn Sie ein Bild in WordPress hochladen, arbeitet die Plattform im Hintergrund etwas Magie, um die Größe dieses Bildes in mehrere Dimensionen zu ändern, die Sie verwenden können. Wie bereits erwähnt, umfasst dies Miniaturansichten, mittlere und große Bilder. Mehrere Größen des gleichen Bildes können Ihnen das Leben erleichtern, da Sie die Option auswählen können, die Ihren Anforderungen am besten entspricht.

Sie können diese Standardbildgrößen ändern, indem Sie den gleichen Vorgang verwenden, den wir oben beschrieben haben. Sie können Ihrer Site jedoch auch neue Standardgrößen hinzufügen. Dies kann eine sehr nützliche Option sein. Sie können für alle verschiedenen Bildtypen auf Ihrer Website bestimmte Größen einrichten und vermeiden, dass jedes neue Bild manuell in der Größe geändert werden muss.

Um WordPress neue Standardbildgrößen hinzuzufügen, musst du die Datei functions.php deines Themes bearbeiten. Das bedeutet, dass Sie sich mit einem File Transfer Protocol (FTP)-Client wie FileZilla mit Ihrer Site verbinden und dann zum Stammordner Ihrer Site navigieren möchten.

Wenn Sie dort sind, öffnen Sie das Verzeichnis wp-content/themes und suchen Sie nach dem Ordner, der den Namen Ihres Themes teilt:

Das wp-content/themes-Verzeichnis.

Sie sollten die Datei functions.php in diesem Ordner finden. Klicken Sie anschließend mit der rechten Maustaste darauf und klicken Sie auf die Option Anzeigen / Bearbeiten . Dadurch wird die Datei mit Ihrem lokalen Texteditor geöffnet, sodass Sie Änderungen daran vornehmen können:

Die Datei functions.php.

Seien Sie sehr vorsichtig, wenn Sie Änderungen an der Datei functions.php Ihres Themes vornehmen, und ändern Sie keinen der vorhandenen Inhalte. Stattdessen sollten Sie unten ein neues Code-Snippet hinzufügen:

// This enables the function that lets you set new image sizes
add_theme_support( 'post-thumbnails' );
// These are the new image sizes we cooked up
add_image_size( 'post-image', 660 );
// Now we register the size so it appears as an option within the editor
add_filter( 'image_size_names_choose', 'my_custom_image_sizes' );
function my_custom_image_sizes( $sizes ) {
    return array_merge( $sizes, array(
        'post-image' => __( 'Post Images' ),
    ) );
}

Die Kommentare in diesem Code erklären, wie es ganz gut funktioniert. Erstens teilt es WordPress mit, dass Sie Ihrem Theme neue Bildgrößen hinzufügen möchten. Dann erstellt es eine neue Standardoption und registriert sie, damit sie beim nächsten Öffnen im Editor angezeigt wird.

Schauen wir uns den neuen Standard, den wir registriert haben, genauer an:

add_image_size( 'post-image', 660 );

Wenn Sie neue benutzerdefinierte Bildgrößen hinzufügen, können Sie sowohl eine Breite als auch eine Höhe festlegen. In unserem Beispiel legen wir nur die Breite fest, die immer der erste Wert ist. Dies bedeutet, dass WordPress die Größe der Bilder auf die gewünschte Breite und eine proportionale Höhe ändert.

Wenn Sie auch eine bestimmte Höhe hinzufügen möchten, würde Ihre Linie stattdessen so aussehen:

add_image_size( 'post-image', 660, 480 );

Fühlen Sie sich frei, beliebige benutzerdefinierte Größen hinzuzufügen, indem Sie für jede eine neue Zeile verwenden. Speichern Sie dann die Änderungen in Ihrer Datei functions.php , und die neuen Optionen sollten in Ihrem WordPress-Editor angezeigt werden.

Abschluss

Einer der besten Aspekte bei der Verwendung von WordPress ist seine Anpassbarkeit. Es gibt keinen Aspekt der Plattform – ob groß oder klein – den Sie nicht ändern können. Dies gilt auch für die Miniaturansichtsgröße von WordPress und die verschiedenen anderen Standardbildoptionen.

Wenn Sie die Standardgröße der WordPress-Thumbnails ändern möchten, können Sie dies in vier schnellen Schritten tun:

  1. Gehen Sie zu Ihrem WordPress-Dashboard.
  2. Navigieren Sie zur Registerkarte Einstellungen > Medien .
  3. Suchen Sie nach dem Abschnitt Bildgrößen > Miniaturansichtsgröße .
  4. Ändern Sie die Standardbreite und -höhe Ihrer Miniaturansichten in Pixel.

Haben Sie Fragen zu WordPress-Bildgrößen? Lassen Sie uns im Kommentarbereich unten darüber sprechen!

Miniaturansicht des Artikels von ConceptVectorDesign / shutterstock.com