Как я могу сделать так, чтобы добавить размер изображения() обрезать сверху?
У меня есть серия постов, все с изображениями, но мне нужно иметь возможность настроить верхний правый угол обрезки. В данном случае мне нужно, чтобы они были обрезаны справа вверху, но было бы полезно также знать, как расположить эту точку самостоятельно.
В настоящее время функция add_image_size() выполняет обрезку из центра изображения. Не всегда красивая!!
5 answers
Промежуточная генерация изображений чрезвычайно жесткая. 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;
}
В кодексе Wordpress есть ответ, его ниже.
Установите размер изображения, обрезав изображение и определив положение обрезки:
add_image_size( 'custom-size', 220, 220, array( 'left', 'top' ) ); // Hard crop left top
При установке позиции обрезки первое значение в массиве - это позиция обрезки по оси x, второе - позиция обрезки по оси y.
X_crop_position принимает значение "слева", "в центре" или "справа". y_crop_position принимает "верх", "центр" или "низ". По умолчанию эти значения по умолчанию для "центрирования" при использовании жесткой обрезки режим.
, А также кодекс ссылается на страницу, которая показывает, как действуют позиции обрезки.
Http://havecamerawilltravel.com/photographer/wordpress-thumbnail-crop
Я разработал решение этой проблемы, которое не требует взлома ядра: http://bradt.ca/archives/image-crop-position-in-wordpress/
Я также отправил патч в core: http://core.trac.wordpress.org/ticket/19393
Добавьте себя в качестве Cc в тикет, чтобы показать свою поддержку его добавления в ядро.
Вы можете использовать плагин Положение обрезки миниатюр , чтобы выбрать положение обрезки ваших миниатюр.
Альтернативное решение здесь: http://pixert.com/blog/cropping-post-featured-thumbnails-from-top-instead-of-center-in-wordpress-with-native-cropping-tool/
Просто добавьте этот код в functions.php, затем используйте плагин "Регенерировать миниатюры" (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 );