Die vollständige Anleitung zu empfohlenen Thumbnails und Bildgrößen in WordPress

Die vollständige Anleitung zu empfohlenen Thumbnails und Bildgrößen in WordPress

Ein Bild sagt mehr als tausend Worte – es sei denn, es wurde unpassend verkleinert, in diesem Fall ist es etwas peinlich. WordPress enthält leistungsstarke Tools zum Ändern der Größe von Bildern und Miniaturansichten, aber Sie müssen wissen, wie Sie damit umgehen.





Lesen Sie weiter, um alles zu erfahren, was Sie über Bildgrößen in WordPress und die Verwaltung von vorgestellten Bildern wissen müssen.



Bearbeiten von PHP in WordPress-Dateien

Dieser Beitrag enthält PHP-Code für WordPress. Vielleicht möchten Sie unseren kostenlosen PHP-Crashkurs lesen, bevor Sie Änderungen an Ihrem Theme vornehmen.





Wenn Sie Ihre Theme-Dateien nicht öffnen möchten oder nicht möchten, da sie bei zukünftigen Theme-Updates verloren gehen, können Sie die Meine benutzerdefinierten Funktionen Plugin, um stattdessen Codeblöcke hinzuzufügen.

https://en-gb.wordpress.org/plugins/my-custom-functions/



Grundlagen der WordPress-Bildgröße

Im WordPress-Admin-Dashboard wissen Sie wahrscheinlich schon davon Einstellungen > Halb.

Wie man einen Mac unter Windows emuliert

Dies sind die drei Standardbildgrößen, die WordPress nennt: Miniaturansicht , Mittel , und groß . Für die Miniaturansichtsgröße gibt es eine spezielle Einstellung, die genau auf die von Ihnen hier angegebene Größe zugeschnitten wird. Dies muss kein Verhältnis von 1:1 sein - Sie können es nach Belieben einstellen.



Wenn das Zuschneiden aktiviert ist, werden die Bilder skaliert und zentriert, dann wird alles, was nicht passt, verworfen.

Die mittlere und die große Einstellung funktionieren etwas anders, da Sie angeben maximal Maße für Breite und Höhe, und die Bilder werden entsprechend verkleinert. Wenn das Bild zu klein ist, werden diese Bildgrößen nicht erstellt.



Wenn Sie ein neues Bild hochladen, wird das Original gespeichert und kann in voller Größe in einen Beitrag eingefügt werden, und die anderen registrierten Bildgrößen werden automatisch erstellt.

Hinzufügen von benutzerdefinierten Bildgrößen in WordPress

Die drei standardmäßig in WordPress definierten Größen reichen möglicherweise nicht aus, weshalb Themes und Plugins ihre eigenen benutzerdefinierten Größen hinzufügen dürfen. Wenn Sie Ihre Themendateien bearbeiten möchten, können Sie dies auch tun.

Öffnen Sie das Themenverzeichnis und suchen Sie nach dem Funktionen.php Datei. Ergänzen Sie die folgenden Code, eine für jede Bildgröße, die Sie definieren möchten:

add_image_size( 'my-thumbnail', 400, 200, true);

Jede neue Bildgröße benötigt einen Namen, Breiten- und Höhenmaße und ob Bilder genau auf diese Größe beschnitten werden sollen ( wahr oder falsch ). Strukturelle Teile eines Themas oder Widgets sollten Sie im Allgemeinen zuschneiden, damit das Layout nicht beschädigt wird.

Sie könnten versucht sein, viele benutzerdefinierte Bildgrößen zu erstellen, aber Sie sollten dies sparsam tun. Jede von Ihnen definierte Bildgröße wird für jedes einzelne hochgeladene Bild generiert, auch wenn Sie es nur mit dem vorgestellten Bild für uns bestimmt haben.

Wenn Sie also sieben benutzerdefinierte Bildgrößen plus die drei Standardgrößen haben, erzeugt jedes hochgeladene Bild 10 kleine Kopien von sich selbst. Wenn Sie bedenken, dass in einem einzelnen Beitrag 10 Bilder eingebettet sein können, werden allein für diesen Beitrag 100 Dateien erstellt.

Sie können keine benutzerdefinierte Bildgröße erstellen und angeben, dass sie nur für Ihre vorgestellten Bilder verwendet werden soll.

Auch wenn Sie eine bestimmte benutzerdefinierte Größe nicht mehr verwenden und diesen Code gelöscht (oder Themen geändert haben), bleiben die alten Bilder für immer auf dem Server. WordPress löscht keine ungenutzten Bilder für Sie. Auf einer Website, die so alt oder so groß ist wie MakeUseOf, bedeutet dies, dass einige Hundert Gigabyte für die Speicherung von Bildern verschwendet werden, die nicht mehr verwendet werden.

Für kleinere Websites, die Medienreiniger Plugin kann helfen, aber führen Sie immer zuerst ein vollständiges Backup durch.

https://wordpress.org/plugins/media-cleaner/#description

Benutzerdefinierte Bildgrößen zur Verwendung in Post-Inhalten

Standardmäßig werden benutzerdefinierte Bildgrößen nicht im Dropdown-Feld angezeigt, wenn ein Bild in einen Beitrag eingefügt wird. Das einzige, was Sie dort sehen, sind Miniaturansicht, Mittel, Groß und Volle Größe (abhängig von der Größe des Originalbilds, da es nicht hochskaliert wird).

Wenn Sie möchten, dass auch Ihre benutzerdefinierte Größe auf der Liste steht, benötigen wir etwas mehr Code. Nochmals, fügen Sie zu Ihrem . hinzu Funktionen.php Datei:

function image_sizes_to_mediapicker( $default_sizes ) {
return array_merge( $default_sizes, array(
'my-thumbnail' => __( 'My Thumbail Size' ),
) );
}
add_filter( 'image_size_names_choose', 'image_sizes_to_mediapicker' );

Dies funktioniert durch Filtern der Medienauswahlliste. Wir führen das ursprüngliche Größenlisten-Array mit allen neuen Größen zusammen, die ebenfalls aufgelistet werden sollen. Ändern Sie 'my-thumbnail' und 'My Thumbnail Size' in Ihre benutzerdefinierte Größe und den lesbaren Anzeigenamen, unter dem es aufgeführt werden soll.

Empfohlene Bilder sind ein einzelnes Bild, das mit einem Beitrag verknüpft ist, aber nicht unbedingt in den Beitragsinhalt eingefügt wird. Sie werden oft von Themen in der Kopfzeile, auf der Titelseite oder in der Seitenleiste verwendet. In Bezug auf die Bildgröße werden sie jedoch nicht anders behandelt als normale Bilder.

Für jede von Ihnen definierte Größe wird jedes hochgeladene Bild dupliziert und die Größe angepasst, einschließlich des vorgestellten Bildes.

Fotos vom iPhone auf den Mac übertragen

Wenn die Option zum Empfohlenes Bild festlegen auf deinem Post-Edit-Bildschirm ist es möglich, dass dein Theme die Funktion nicht unterstützt. Sie können die Unterstützung erzwingen, indem Sie die folgende Zeile zu Ihrem Thema hinzufügen Funktionen.php Datei, aber ich würde dringend vorschlagen, stattdessen ein neues Thema zu finden.

Mangelnde Unterstützung für etwas so Grundlegendes wie vorgestellte Bilder würde auf veralteten Code andernorts hinweisen.

add_theme_support('post-thumbnails');

Um das vorgestellte Bild in Ihrem eigenen Thema oder Plugins zu verwenden, verwenden Sie the_post_thumbnail() Funktion zur Ausgabe des Image-Tags:

the_post_thumbnail('my-thumbnail',array('class'=>'my_post_thumbnail_css_class'));

Die Funktion benötigt 2 Parameter: die gesuchte benannte Größe (in diesem Fall 'my-thumbnail') und alle Attribute, die Sie übergeben möchten, wie eine benutzerdefinierte CSS-Klasse.

Wenn Sie lieber nur die tatsächliche URL des vorgestellten Bildes als auch den erforderlichen HTML-Code abrufen möchten, versuchen Sie es stattdessen (in diesem Beispiel erhalten Sie die mittlere Bildgröße):

So teilen Sie Spiele auf Xbox One
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');
echo $thumbnail[0];

Regenerieren von WordPress-Thumbnail-Bildern

Jedes Mal, wenn Sie Ihre Standardbildabmessungen ändern oder eine benutzerdefinierte Bildgröße erstellen, gilt dies nur für Neu hochlädt. Alle Ihre vorhandenen Bilder bleiben in den Originalmaßen.

Wenn Sie die Größe zuvor hochgeladener Bilder ändern möchten, benötigen Sie ein Plugin. AJAX Thumbnail-Neuerstellung lässt Sie die zu regenerierenden Größen auswählen und arbeitet sich langsam durch Ihr Archiv.

https://wordpress.org/plugins/ajax-thumbnail-rebuild/

Es gibt jedoch einige Einschränkungen und Fallstricke, die Sie kennen sollten.

Während vorgestellte Bilder automatisch in der Größe geändert werden können, kann kein Plugin Post-Inhalte umschreiben. Wenn Sie beispielsweise ein Bild zu einem Beitrag im . hinzugefügt haben groß Größe (die zu diesem Zeitpunkt möglicherweise 500px betrug), die Definition von ändern groß ändert die Bildgröße im Beitrag nicht. Es bleibt bei 500px, es sei denn, Sie bearbeiten den Beitrag und fügen dasselbe Bild in der neuen Größe erneut ein.

Wie bereits erwähnt, werden Sie viele Bilder generieren, wenn Sie viele Bildgrößen haben. Zum Glück können Sie dies mit dem Thumbnail Rebuild auf beschränken nur vorgestellte Bilder . Denken Sie jedoch daran, dass dies nur für Ihr vorheriges Bild gilt. Alle zukünftigen Bild-Uploads werden von WordPress verwaltet, was bedeutet, dass alle Bildgrößen für alles erstellt werden.

Jetzt wäre ein guter Zeitpunkt, um auch das zu lernen Unterschied zwischen JPG und PNG damit Sie wissen, in Zukunft das optimale Format zu verwenden.

Bringen Sie Ihre WordPress-Site auf die nächste Stufe

Möchten Sie Ihr WordPress-Theme optimieren? Die Verwendung von Bildern, Farben und Positionierung von Elementen in Ihrem Design wird hauptsächlich durch CSS und HTML bestimmt. Wir empfehlen daher, diese Schritt-für-Schritt-Anleitungen zu lesen, um CSS und HTML zu lernen .

Und wenn Sie sich für Themen interessieren, werfen Sie einen Blick auf diese coolen WordPress-Themes für ein Fotoportfolio.

Stürzt Ihre WordPress-Site zu oft ab? Zahlst du zu viel? Wechseln Sie zu einem bekannten Hosting-Dienst wie InMotion Hosting (spezieller MakeUseOf-Rabatt mit dieser Link ) oder Bluehost (spezieller MakeUseOf-Rabatt mit dieser Link ).

Teilen Teilen Tweet Email Hier ist der Grund, warum das FBI eine Warnung vor Hive Ransomware herausgegeben hat

Das FBI warnte vor einem besonders bösartigen Ransomware-Stamm. Aus diesem Grund müssen Sie bei Hive-Ransomware besonders vorsichtig sein.

Weiter lesen Verwandte Themen
  • Programmierung
  • WordPress
Über den Autor James Bruce(707 veröffentlichte Artikel)

James hat einen BSc in Künstlicher Intelligenz und ist CompTIA A+ und Network+ zertifiziert. Wenn er nicht als Hardware-Review-Editor beschäftigt ist, genießt er LEGO, VR und Brettspiele. Bevor er zu MakeUseOf kam, war er Lichttechniker, Englischlehrer und Rechenzentrumsingenieur.

Mehr von James Bruce

Abonniere unseren Newsletter

Abonnieren Sie unseren Newsletter für technische Tipps, Rezensionen, kostenlose E-Books und exklusive Angebote!

Klicken Sie hier, um sich zu abonnieren