Notiz: Diese Anleitung zeigt Ihnen, wie Sie Core-WordPress-Dateien bearbeiten, ich empfehle es nicht wirklich. Verwenden Sie es nur, wenn Sie wissen, was Sie tun. Die Anleitung wurde vor langer Zeit geschrieben, als Sie keine benutzerdefinierten Zuschneidepositionen definieren konnten. Sie können jetzt Ihre Zuschneideposition festlegen, wenn Sie die Funktion add_image_size verwenden, sodass diese Anleitung nicht mehr anwendbar ist.
Ich habe die neue WordPress-Post-Thumbnails-Funktion in letzter Zeit häufig bei der Themenentwicklung verwendet. Ich habe mich von der langsameren, weniger effizienten und seo-freundlichen Methode der Verwendung des TimThumb-Skripts zur Größenänderung von Bildern auf WordPress-basierten Websites abgewendet.
Und obwohl es eine großartige Funktion ist, sie in WordPress eingebaut zu haben, hat sie ihre „Fehler“, wie die Tatsache, dass es keinen Parameter zum Definieren der Zuschneideposition/Position des Bildes bei der Größenänderung gibt.
Zuschneideort
Als ich neulich an meiner Website arbeitete, bemerkte ich, dass beim Zuschneiden der WordPress-Design-Miniaturansichten die gesamte obere Hälfte abgeschnitten wurde, was den Leuten nicht wirklich eine gute Vorstellung davon gab, wie das Design tatsächlich aussehen würde.
Unten ist nur ein lustiges Bild, das ich gefunden habe, das Ihnen einen weiteren Grund zeigt, warum Sie möglicherweise andere Zuschneideorte für Ihre Bilder auswählen möchten, anstatt immer den Standardzuschnitt „Mitte“ zu verwenden.
Ändern Sie den standardmäßigen zentrierten Zuschnitt für Miniaturansichten
Leider müssen Sie sich mit den Core-WordPress-Dateien ein wenig die Hände schmutzig machen, um den Zuschneideort für Miniaturansichten zu ändern. Befolgen Sie einfach die nachstehenden Schritte, um die Zuschneideposition Ihrer Thumbnails zu ändern (dies ändert dies nicht für ALLE Thumbnails, die in Ihren functions.php- und Medieneinstellungen definiert sind).
- Schritt 1: Navigieren Sie zu Ihrem wp-includes-Ordner
- Schritt 2: Suchen und öffnen Sie die Datei media.php
- Schritt 3: Suchen Sie den folgenden Code (etwa Zeile 3.61 in WordPress 3.1.1)
$s_x = floor( ($orig_w - $crop_w) / 2 );
$s_y = floor( ($orig_h - $crop_h) / 2 );
- Schritt 4: Bearbeiten Sie den Code nach Ihren Bedürfnissen (siehe Erklärung unten)
Ändern der Zuschneidewerte
Diese beiden Zeilen, die Sie gefunden haben, sind für das Zuschneiden Ihrer Miniaturansichten verantwortlich. Standardmäßig wird die ursprüngliche Breite und Höhe genommen und gleichmäßig zur Mitte hin beschnitten. Sie können es jedoch leicht ändern, um nach oben, links, oben links usw. zuzuschneiden
Von oben zuschneiden
Um von oben zuzuschneiden, müssen Sie einfach den y-Wert gleich 0 setzen, also ändern Sie die zweite Codezeile so, dass sie so aussieht:
$s_y = 0; // floor( ($orig_h - $crop_h) / 2 );
Zuschneiden von der Mitte links
Um von links zuzuschneiden, müssen Sie den x-Wert gleich 0 setzen, also ändern Sie die erste Codezeile so, dass sie so aussieht:
$s_x = 0; // floor( ($orig_w - $crop_w) / 2 );
Zuschneiden von oben links
Kombinieren Sie die letzten beiden Beispiele, um ein Bild von oben links zuzuschneiden.
$s_y = 0; // floor( ($orig_h - $crop_h) / 2 );
$s_x = 0; // floor( ($orig_w - $crop_w) / 2 );
Erstellen Sie WordPress-Thumbnails neu
Vergessen Sie nicht, dass Sie alle neu zuschneiden müssen, wenn Sie die Zuschneideposition für Ihre Miniaturansichten ändern. Sie können dies ganz einfach mit einem der folgenden zwei Plugins tun: AJAX-Thumbnail-Wiederherstellung oder Miniaturansichten neu generieren.