WordPress-Bildgrößen

Der Umgang mit Bildern in WordPress kann eine Herausforderung sein. Wenn Sie nicht genug auf die Anforderungen achten, erhalten Sie möglicherweise ein unordentliches Erscheinungsbild der Website oder es kann sich sogar auf die Ladezeit auswirken. Daher müssen Sie mehr über die standardmäßigen WordPress-Bildgrößen und deren Änderung erfahren. Entspann dich, schnapp dir deinen Kaffee und lass uns das erledigen!

Bringen Sie Ihre WordPress-Site auf die nächste Stufe und erhalten Sie noch heute eine sichere WordPress-Hosting-Lösung mit Hostinger!

Hier geht’s los

Wie verarbeitet WordPress Bilder?

Sobald Sie ein Bild in Ihre Medienbibliothek hochladen, generiert WordPress automatisch zusätzliche Bilder mit 3 Standardbildgrößen und speichert sie separat. Daher sehen Sie 4 Bildoptionen, wenn Sie ein Bild hochladen. Dies sind die Optionen Thumbnail, Medium, large und Full-Size. Die ersten drei Optionen werden als Standardgrößen von WordPress-Bildern bezeichnet, während die Option in voller Größe die Originalbildgröße ist, die Sie hochladen.

WordPress erstellt diese Optionen, da die Verwendung unterschiedlicher Speicherorte zum Platzieren von Bildern eine unterschiedliche Bildauflösung erfordert. Beispielsweise kann die Bildauflösung in der Miniaturansicht von der im Schieberegler verwendeten Bildauflösung abweichen. Daher müssen Sie Ihre Bilder nicht manuell bearbeiten und in der Größe ändern, wenn Sie dieselben Bilder an verschiedenen Orten mit unterschiedlichen Auflösungen verwenden möchten. Es wird nur ein Bild benötigt und WordPress erledigt den Rest.

Was sind die Standardgrößen von WordPress-Bildern?

Standardmäßig enthält WordPress drei vorgefertigte Bildgrößen. Sie sind:

So ändern Sie die Standard-WordPress-Bildgröße

Obwohl WordPress Ihnen bereits 3 Standardbildgrößen zur Verfügung stellt, wenn Sie entscheiden, dass diese Auswahl Ihren Anforderungen nicht entspricht, gibt es Alternativen. Vielleicht benötigen Sie kleinere Miniaturansichten oder breitere Bilder. Daher müssen Sie die Standard-WordPress-Bildgrößen ändern. Um dies zu tun, können Sie die folgenden Schritte ausführen:

  1. Gehen Sie zu Ihrem Admin-Dashboard
  2. Bewegen Sie den Cursor auf Einstellung – > Medien
  3. Im Fenster Medieneinstellungen können Sie die gewünschten Pixel für jede Größe anpassen
  4. Klicken Sie auf die Schaltfläche Änderungen speichern, um die Einstellung zu speichern.

So fügen Sie Ihre benutzerdefinierte WordPress-Bildgröße hinzu

Sie haben also die 3 Standardbildgrößen. Angenommen, Sie haben ein Miniaturbild für Ihr Miniaturbild, ein mittelgroßes Bild für das Bild Ihres Posts und ein großes Bild für Ihren Schieberegler. Sie stellen jedoch fest, dass Sie mehr Standardbildgrößen für Ihr Popup-Banner und Ihre Widgets benötigen. Können Sie benutzerdefinierte WordPress-Bildgrößen hinzufügen? Ja, das kannst du.

Schritt 1. Hinzufügen von benutzerdefinierten WordPress Bildgröße durch Bearbeiten der Funktion.php-Datei

Tatsächlich bieten Ihnen einige Themen zusätzliche Bildgrößenoptionen. Wenn Sie sie jedoch nicht finden können, fügen wir unsere eigene benutzerdefinierte WordPress-Bildgröße hinzu.

Wir werden uns mit Code beschäftigen. Stellen Sie also sicher, dass Sie eine Sicherungsdatei erstellen und ein WordPress-untergeordnetes Thema erstellen, bevor Sie etwas ändern.

  1. Gehen Sie zu Ihrem Admin-Dashboard
  2. Bewegen Sie den Mauszeiger auf Darstellung -> Editor
  3. Bearbeiten Sie die Funktionen.php-Datei
  4. Kopieren Sie das folgende Skript und fügen Sie es in die Datei ein
    add_theme_support( 'pop-up-banner' );
  5. Klicken Sie auf die Schaltfläche Datei aktualisieren.

Das obige Skript aktiviert die Funktion add_image_size(). Wenn diese Funktion bereits aktiv ist, können Sie neue WordPress-Bilder wie die folgenden hinzufügen:

add_image_size( 'pop-up banner size', 1000, 590 );add_image_size( 'widget size', 220, 180 );

In diesen Beispielen müssen Sie den zusätzlichen Größennamen „Popup-Bannergröße“ und „Widget-Größe“ angeben.“ Die beiden Zahlen nach dem Größennamen stehen für die Breite und Höhe.

Schritt 2. Zeigen Sie die benutzerdefinierten Größen in Ihrem Thema an

Sie haben die neuen Bildgrößen erfolgreich hinzugefügt. Es wurde jedoch nicht in Ihrem Thema angezeigt. Jetzt müssen Sie die neuen Größen in Ihrem Thema aktivieren.

Erstellen Sie zunächst eine Sicherungskopie Ihrer Site, bevor Sie Änderungen vornehmen. Greifen Sie in der Post-Schleife auf Ihre Themendatei zu und bearbeiten Sie sie. Fügen Sie dann diesen Code ein;

<?php the_post_thumbnail( 'your-specified-image-size' ); ?>

Sie sollten ‚your-specified-image-size` mit dem Namen ändern, den Sie im vorherigen Schritt festgelegt haben. Sie können es beispielsweise in ‚Popup-Bannergröße‘ ändern. Nachdem Sie diese Schritte ausgeführt haben, finden Sie Optionen für die Bildgröße von Popup-Bannern, wenn Sie Bilder in Ihre Medienbibliothek hochladen.

Nützliche Plugins

Sie haben eine neue benutzerdefinierte Bildgröße in WordPress festgelegt. Diese Änderung wirkt sich jedoch nicht auf Ihre vorherigen Bilder aus. Sie müssen also Ihre vorherigen Bildgrößen neu generieren.

Zum Glück müssen Sie es nicht einzeln manuell tun. Es gibt ein Plugin namens Regenerate Thumbnails, mit dem Sie Ihre vorherige Bildgröße aktualisieren können. Führen Sie dazu die folgenden Schritte aus.

  1. Gehen Sie zu Ihrem Admin-Dashboard
  2. Klicken Sie auf Plugins -> Add New
  3. Geben Sie Regenerate Thumbnails in die Suchleiste ein.
  4. Installieren und aktivieren Sie das Plugin
  5. Gehen Sie nun zu Extras-> Miniaturansichten regenerieren
  6. Klicken Sie auf die Schaltfläche Miniaturansichten für X-Anhänge regenerieren
  7. Jetzt werden alle Ihre zuvor hochgeladenen Bilder auf neue Bildeinstellungen regeneriert.

Fazit

WordPress-Bildgrößen sehen wie eine triviale Sache aus, können Ihnen jedoch Kopfschmerzen bereiten. Manchmal werden Sie feststellen, dass das hochgeladene Bild nicht die gewünschte Bildgröße erfüllt. Um dies zu lösen, können Sie zwei Methoden ausprobieren. Sie können die Standard-WordPress-Bildgrößen ändern oder benutzerdefinierte Bildgrößen hinzufügen. Bevor Sie die neue Bildgröße einrichten, denken Sie daran, dass das Hochladen großer Bilder mit hoher Auflösung keine gute Idee ist. Große Bilder nehmen viel Platz in Anspruch und verlangsamen die Ladezeit Ihrer Websites. Wir hoffen, dass dieser Artikel Ihnen hilft, die richtigen Bilder am richtigen Ort und in den richtigen Größen auszuwählen. Wir sehen uns!

Dieser Beitrag wurde zuletzt am 17. Juni 2020 geändert 4:36 uhr