Как я могу сделать add_image_size () обрезать сверху?


20

У меня есть серия постов, все с изображениями, но мне нужно иметь возможность настроить верхний правый угол обрезки. В этом случае мне нужно, чтобы они были обрезаны справа вверху, но было бы полезно также узнать, как расположить эту точку самостоятельно.

В настоящее время функция add_image_size () берет свои кадры из центра изображения. Не всегда красиво !!

Ответы:


13

Промежуточная генерация изображения очень жесткая. image_resize()держит его близко к коду и полностью лишен хуков.

Практически единственный вариант для этого - подключить wp_generate_attachment_metadataи перезаписать сгенерированный WP образ своим собственным (что потребует небольшого количества image_resize()форка).

Мне нужно это для работы, чтобы я мог поделиться некоторым кодом позже.

Хорошо, это грубый, но рабочий пример. Обратите внимание, что настройка урожая таким образом требует понимания imagecopyresampled().

add_filter('wp_generate_attachment_metadata', 'custom_crop');

function custom_crop($metadata) {

    $uploads = wp_upload_dir();
    $file = path_join( $uploads['basedir'], $metadata['file'] ); // original image file
    list( $year, $month ) = explode( '/', $metadata['file'] );
    $target = path_join( $uploads['basedir'], "{$year}/{$month}/".$metadata['sizes']['medium']['file'] ); // intermediate size file
    $image = imagecreatefromjpeg($file); // original image resource
    $image_target = wp_imagecreatetruecolor( 44, 44 ); // blank image to fill
    imagecopyresampled($image_target, $image, 0, 0, 25, 15, 44, 44, 170, 170); // crop original
    imagejpeg($image_target, $target, apply_filters( 'jpeg_quality', 90, 'image_resize' )); // write cropped to file

    return $metadata;
}

1
звучит как возиться с ядром !!
Мягкий пух

5
Нет, работа с ядром изменила бы image_resizeфункцию. Рарст подчеркивал, что вам придется подключиться к процессу изменения размера, но вы сами создадите размеры изображения вручную.
TheDeadMedic

Могу я спросить, все ли еще работает? Я только что реализовал хук в своем файле functions.php, и у меня есть настройка функций add_image_size (), но обрезанные изображения все еще обрезаются по центру.
cr0z3r

@ cr0z3r Я не знаю причин, почему это не сработает. Но обратите внимание, что это только грубый пример подтверждения концепции, а не содержательный надежный код.
Rarst

Хм, как ни странно, это не работает на мою тему - может ли это быть, потому что я бегал локально (я сильно сомневаюсь в этом)? У меня будет это онлайн и скоро покажу.
cr0z3r

13

Кодекс Wordpress имеет ответ, его ниже.

Установите размер изображения, обрезав изображение и определив положение обрезки:

add_image_size( 'custom-size', 220, 220, array( 'left', 'top' ) ); // Hard crop left top

При настройке положения обрезки первое значение в массиве - это положение обрезки по оси x, второе - положение обрезки по оси y.

x_crop_position принимает 'left' 'center' или 'right'. y_crop_position принимает 'top', 'center' или 'bottom'. По умолчанию эти значения по умолчанию устанавливаются в центр при использовании режима жесткого кадрирования.

А также кодекс ссылается на страницу, которая показывает, как действует позиция обрезки.

http://havecamerawilltravel.com/photographer/wordpress-thumbnail-crop


Это круто, должен быть принятый ответ, я думаю!
Далтон

7

Я разработал решение этой проблемы, которое не требует взлома ядра: http://bradt.ca/archives/image-crop-position-in-wordpress/

Я также представил патч для ядра: http://core.trac.wordpress.org/ticket/19393

Добавьте себя в качестве Cc в заявке, чтобы показать свою поддержку для его добавления в ядро.


2
Решение @ Rarst также не меняет основные файлы. ;)
fuxia

1
@ toscho Я думаю, он не имел в виду, что другой ответ меняет основной код.
Кайзер


0

Альтернативное решение здесь: http://pixert.com/blog/cropping-post-featured-thumbnails-from-top-instead-of-center-in-wordpress-with-native-cropping-tool/

Просто добавьте этот код в functions.php, затем используйте плагин «Regenerate Thumbnails» ( https://wordpress.org/plugins/regenerate-thumbnails/ ):

function px_image_resize_dimensions( $payload, $orig_w, $orig_h, $dest_w, $dest_h, $crop ){

// Change this to a conditional that decides whether you want to override the defaults for this image or not.
if( false )
return $payload;

if ( $crop ) {
// crop the largest possible portion of the original image that we can size to $dest_w x $dest_h
$aspect_ratio = $orig_w / $orig_h;
$new_w = min($dest_w, $orig_w);
$new_h = min($dest_h, $orig_h);

if ( !$new_w ) {
$new_w = intval($new_h * $aspect_ratio);
}

if ( !$new_h ) {
$new_h = intval($new_w / $aspect_ratio);
}

$size_ratio = max($new_w / $orig_w, $new_h / $orig_h);

$crop_w = round($new_w / $size_ratio);
$crop_h = round($new_h / $size_ratio);

$s_x = 0; // [[ formerly ]] ==> floor( ($orig_w - $crop_w) / 2 );
$s_y = 0; // [[ formerly ]] ==> floor( ($orig_h - $crop_h) / 2 );
} else {
// don't crop, just resize using $dest_w x $dest_h as a maximum bounding box
$crop_w = $orig_w;
$crop_h = $orig_h;

$s_x = 0;
$s_y = 0;

list( $new_w, $new_h ) = wp_constrain_dimensions( $orig_w, $orig_h, $dest_w, $dest_h );
}

// if the resulting image would be the same size or larger we don't want to resize it
if ( $new_w >= $orig_w && $new_h >= $orig_h )
return false;

// the return array matches the parameters to imagecopyresampled()
// int dst_x, int dst_y, int src_x, int src_y, int dst_w, int dst_h, int src_w, int src_h
return array( 0, 0, (int) $s_x, (int) $s_y, (int) $new_w, (int) $new_h, (int) $crop_w, (int) $crop_h );

}
add_filter( 'image_resize_dimensions', 'px_image_resize_dimensions', 10, 6 );

Привет Niente0, добро пожаловать в WPSE и спасибо за ваш ответ. Не могли бы вы отредактировать свой пост, чтобы объяснить, что делает ваш код? Сообщения на сайтах StackExchange должны объяснять свое решение и включать внешние ссылки только в качестве ссылок, а не в виде целых решений. Еще раз спасибо!
Тим Мэлоун
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.