WordPress 3.9 hat eine ganze Menge zusätzlicher Leistung unter der Haube herausgebracht. Eine großartige neue Funktion unter vielen ist die zusätzliche Möglichkeit, die Zuschneideposition von Bildern, die in WordPress hochgeladen wurden, jetzt zu steuern – das ist wirklich glatt!!
Bevor Sie fortfahren, ein großes Dankeschön an Brad Touesnard der diesen großartigen Beitrag geleistet hat, der jetzt in den WordPress-Kern aufgenommen wurde! Ich dachte, dies wäre eine großartige Gelegenheit, um nicht nur die Vorteile dieses neuen Features zu erläutern, sondern auch den gesamten Umfang dieser Funktion durchzuspielen und in den Griff zu bekommen.
Ganz am Anfang – Hinzufügen oder Anpassen von Bildgrößen
Standardmäßig generiert WordPress 3x zusätzliche Versionen Ihres Bildes. Eine ‚Thumbnail‘, eine ‚Medium‘ und eine ‚Large‘ Version. Die hochgeladene Originalbildgröße wird als „Vollversion“ bezeichnet.
Anpassen der Standardeinstellungen
Sie können die Standardwerte jeder dieser Beschnittgrößen ganz einfach überschreiben. Du kannst entweder zu deinem WordPress-Dashboard, Einstellungen >> Medien und ändern Sie die Werte dort oder Sie können dies über Ihre Theme- oder Plugin-Funktionsdatei wie folgt tun:
update_option('thumbnail_size_w', 250);
update_option('thumbnail_size_h', 250);
update_option('thumbnail_crop', 1);
Hinzufügen zusätzlicher Größen
Sie können diese Funktion schnell und einfach in Ihre Theme- oder Plugin-Funktionsdatei einfügen:
add_image_size( $name, $width, $height, $crop );
Es würde am Ende ungefähr so aussehen:
add_image_size( 'homepage-thumb', 250, 250, true );
Spitze: Denken Sie daran, jeder zusätzlichen Bildgröße einen eigenen eindeutigen Namen zu geben ;-).
Alles Wissenswerte finden Sie über die WordPress-Codex.
Einige WordPress 3.9+ Magie – Kontrolle der Ernteposition
Der Parameter $crop war zuvor nur ein boolescher Wert, wahr oder falsch. Also entweder ein weicher proportionaler Zuschnitt oder ein harter Zuschnitt, wenn auf true gesetzt (lesen Sie weiter unten, um den Unterschied zwischen einem harten und weichen Zuschnitt zu sehen). Jetzt können Sie jedoch ein Array verwenden, um die Positionierung des Zuschneidebereichs anzugeben (x_crop_position, y_crop_position). Ich mag Bilder, die von der Mitte abgeschnitten werden, also könnte Ihre Funktion jetzt beispielsweise so aussehen:
add_image_size( 'homepage-thumb', 250, 250, array( 'center', 'center' ) );
Der Parameter $crop akzeptiert weiterhin true/false-Werte und ist laut Brad vollständig abwärtskompatibel. Die Syntax ist identisch mit der der CSS-Eigenschaft background-position, daher ist sie sowohl Designern als auch Entwicklern bekannt, aber hier sind sie der Übersichtlichkeit halber auf jeden Fall.
left top left center left bottom right top right center right bottom center top center center center bottom
Also habe ich es beschnitten, wie benutze ich es jetzt?
Die gute Nachricht… es ist genau das gleiche!! Eine vollständige Aufschlüsselung finden Sie wie immer in der WordPress-Codex. Hier ist auf jeden Fall eine Erinnerung. Um dieses benutzerdefinierte Bild in Ihrem Theme oder Plugin aufzurufen. In dem Beispiel, das wir verwendet haben, gehen Sie wie folgt vor:
the_post_thumbnail('homepage-thumb');
oder…
wp_get_attachment_url( get_post_thumbnail_id($post->ID, 'homepage-thumb') );
Aber was ist mit all meinen vorhandenen Bildern?
Wie Sie wahrscheinlich wissen, werden die Zuschnittgrößen zum Zeitpunkt des Uploads durchlaufen und generiert. Dies bedeutet nun, dass wir nach der Nutzung dieser neuen Funktion durch Hinzufügen unserer benutzerdefinierten Zuschneideposition oder Ändern/Hinzufügen einer neuen Zuschneidegröße nun das zum Zeitpunkt des Hochladens generierte Ergebnis haben und keine dieser neuen Bildversionen für uns verfügbar ist. nicht cool!
Aaah, aber warte.. Zum Glück gibt es in der WordPress-Community viele kluge und tolle Leute, die den Tag retten, hier ist die Plugin Thumbnails neu generieren. Dieses Plugin gibt es schon lange, es ist fantastisch! Es durchläuft alle Ihre vorhandenen hochgeladenen Bilder und generiert alle neuen Bildgrößen, die Sie hinzugefügt oder angepasst haben. Woohooo-Problem gelöst 🙂
Hart vs. Soft Crop – Sie haben sich entschieden
Harte Ernte
Das Bild wird skaliert und dann auf die von Ihnen angegebenen Maße zugeschnitten. Je nach Verhältnis des Bildes im Verhältnis zur Ausschnittsgröße besteht die Möglichkeit, dass das Bild immer abgeschnitten wird.
Weiche Ernte
Ein weicher Zuschnitt wird niemals Teile des Bildes abschneiden, sondern das Bild verkleinern, bis es in die angegebenen Abmessungen passt, wobei das ursprüngliche Seitenverhältnis beibehalten wird.
Etwas Wissenswertes…
Für den Fall, dass eine Dimension des hochgeladenen Bildes (Breite oder Höhe) kleiner als die eingestellte Zuschneidegröße ist, wird es übersprungen und es wird keine Version für diese Größe erstellt! WordPress durchläuft alle eingestellten Bildgrößen und erstellt nur die Versionen dieser Bilder, die größer sind als die Version, die es zu generieren versucht. Wenn in einem solchen Fall ein Bild innerhalb Ihres Themes oder Plugins abgerufen wird und nicht existiert, wird es standardmäßig auf das Originalbild „Vollständig“ als Fallback zurückgreifen.
Viel Spaß beim Implementieren dieser großartigen neuen Funktion in Ihren Themes und Plugins. Es ist Zeit, etwas in den Arsch zu treten und ein paar Bilder zuzuschneiden 🙂