Eine Anleitung zu WordPress Image Crop Sizes

WordPress 3.9 hat eine Menge zusätzlicher Leistung unter der Haube. Eine großartige neue Funktion unter vielen ist die zusätzliche Möglichkeit, jetzt die Schnittposition von in WordPress hochgeladenen Bildern zu steuern – das ist wirklich clever!!


Bevor Sie fortfahren, ein großes Dankeschön an Brad Touesnard Wer hat diesen großartigen Beitrag geleistet, der jetzt in WordPress Core enthalten ist? Ich dachte, dies wird eine großartige Gelegenheit sein, nicht nur zu erläutern, wie diese neue Funktion genutzt werden kann, sondern auch den gesamten Umfang dieser Funktion zu durchlaufen und in den Griff zu bekommen.

Der Anfang – Hinzufügen oder Anpassen von Bildgrößen

Standardmäßig generiert WordPress 3x zusätzliche Versionen Ihres Bildes. Eine “Miniatur”, eine “Mittlere” und eine “Große” Version. Die hochgeladene Originalbildgröße wird als “Vollversion” bezeichnet.

Anpassen der Standardeinstellungen

Sie können die Standardwerte für jede dieser Schnittgrößen ganz einfach überschreiben. Sie können entweder zu Ihrem gehen 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 ungefähr so ​​aussehen:

add_image_size ('homepage-thumb', 250, 250, true);

Normale harte Ernte

Trinkgeld: Denken Sie daran, jeder zusätzlichen Bildgröße einen eigenen Namen zu geben ;-).

Alles, was Sie wissen müssen, finden Sie über die WordPress Codex.

Einige WordPress 3.9+ Magie – Kontrolle der Ernteposition

Der Parameter $ crop war zuvor nur ein boolescher Wert, true oder false. Also entweder eine weiche proportionale Ernte oder eine harte Ernte, wenn sie auf true gesetzt ist (lesen Sie weiter unten, um den Unterschied zwischen einer harten und einer weichen Ernte zu erkennen). Jetzt können Sie jedoch ein Array verwenden, um die Position des Zuschneidebereichs festzulegen (x_crop_position, y_crop_position). Ich mag Bilder, die aus der Mitte zugeschnitten wurden, sodass Ihre Funktion jetzt beispielsweise so aussehen könnte:

add_image_size ('homepage-thumb', 250, 250, array ('center', 'center'));

Vom Benutzer ausgewählte harte Ernte

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 für die Hintergrundposition, daher ist sie sowohl Designern als auch Entwicklern bekannt, aber hier sind sie der Klarheit halber auf jeden Fall.

links oben
linke Mitte
links unten
rechts oben
rechte Mitte
rechts unten
Mitte oben
Mitte Mitte
Mitte unten

Also habe ich es beschnitten. Wie verwende ich es jetzt??

Die gute Nachricht… es ist genau das gleiche !! Für eine vollständige Aufschlüsselung schauen Sie sich wie immer die an WordPress Codex. Hier ist auf jeden Fall eine Erinnerung. So rufen Sie dieses benutzerdefinierte Bild in Ihrem Thema oder Plugin auf In dem Beispiel, das wir verwendet haben, geht es folgendermaßen 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 Erntegrößen zum Zeitpunkt Ihres Uploads durchlaufen und generiert. Dies bedeutet nun, dass wir nach Verwendung dieser neuen Funktion durch Hinzufügen unserer benutzerdefinierten Zuschneideposition oder Ändern / Hinzufügen einer neuen Zuschneidegröße das zum Zeitpunkt des Uploads generierte Ergebnis behalten und keine dieser neuen Bildversionen für uns verfügbar ist. uncool!

Aaah, aber warte .. Zum Glück gibt es in der WordPress-Community viele kluge und großartige Leute, um den Tag zu retten Plugin für Miniaturansichten neu generieren. Dieses Plugin gibt es schon lange, es ist fantastisch! Es werden alle vorhandenen hochgeladenen Bilder durchlaufen und alle neuen Bildgrößen, die Sie hinzugefügt oder angepasst haben, neu generiert. Woohooo Problem gelöst ��

Hard Vs. Weiche Ernte – Sie haben sich entschieden

Harte Ernte

Normale harte Ernte
Das Bild wird skaliert und dann auf die von Ihnen angegebenen Abmessungen zugeschnitten. Abhängig vom Anteil des Bildes an der Schnittgröße besteht die Möglichkeit, dass das Bild immer abgeschnitten wird.

Weiche Ernte

Weiche Ernte
Ein weicher Zuschnitt schneidet niemals ein Bild ab, sondern verkleinert das Bild, bis es den angegebenen Abmessungen entspricht, wobei das ursprüngliche Seitenverhältnis beibehalten wird.

Etwas Wissenswertes…

Falls eine Dimension des hochgeladenen Bildes (Breite oder Höhe) kleiner als die der festgelegten Schnittgröße ist, wird sie übersprungen und es wird keine Version für diese Größe erstellt! WordPress durchläuft alle eingestellten Bildgrößen und erstellt nur die Versionen der Bilder, die größer sind als die der Version, die es zu generieren versucht. Wenn in einem solchen Fall ein Bild in Ihrem Design oder Plugin abgerufen wird und nicht vorhanden ist, wird standardmäßig das ursprüngliche “Vollbild” als Fallback verwendet.

Viel Spaß beim Implementieren dieser großartigen neuen Funktion für Ihre Themen und Plugins. Zeit, in den Arsch zu treten und ein paar Bilder zuzuschneiden ��

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map