web-dev-qa-db-ja.com

add_image_sizeで同じサイズの複数の画像サイズを追加する方法

WordPressインストールでアップロードされたすべての画像にグレースケールフィルターを使用しています。ただし、グレースケールの画像と色の付いた画像の両方を自分のWebサイト（ホバーで色付け）にしたいです。私がこれをしようとした方法は、次のようなadd_image_size（）の束を作成することでした：

add_image_size( 'gho-small', 100, 0, true ); // Used for small images
add_image_size( 'gho-small-grayscale', 100, 0, true ); // Used for small grayscaled images
add_image_size( 'gho-medium', 200, 0, true ); // Used for medium images
add_image_size( 'gho-medium-grayscale', 200, 0, true ); // Used for medium grayscaled images
add_image_size( 'gho-large', 400, 0, true ); // Used for large images
add_image_size( 'gho-large-grayscale', 400, 0, true ); // Used for large grayscaled images

そして、画像にフィルターをかけ、*-グレースケールIDのみを取得して保存します：

add_filter('wp_generate_attachment_metadata','gholumns_grayscale_filter');
function gholumns_grayscale_filter($meta)
{
    $dir = wp_upload_dir();
    $file = trailingslashit($dir['path']).$meta['sizes']['gho-large-grayscale']['file'];
    do_grayscale_filter($file);
    return $meta;
}

それは正常に動作しますが、明らかにadd_image_size（）は幅と高さの引数を調べ、サイズがその組み合わせで既に定義されている場合、サイズは追加されません。関数は新しいサイズを追加することであり、サイズが重複している場合、通常は処理時間を節約するために再度追加しない方が良いことを理解できます。しかし、今は同じサイズの2つの画像が必要ですが、1つにフィルターが適用され、もう1つに元の画像が必要です。

どうすればこれを達成できますか？

次のように、幅が1ピクセルだけ大きい別のサイズを追加しようとしました。

add_image_size( 'gho-small-grayscale', 101, 0, true ); // Used for small grayscaled images

そして、100/200/400にフィルタを戻した後、後で画像のサイズを変更します。しかし、それは正しいとは感じず、get_the_post_thumbnail()呼び出しを台無しにします。これは、画像の次元が101x$heightであるとまだ考えているためです。また、幅+ 1ピクセルの場合、比率によって高さが> 1px高くなる可能性があるため、画像を水平および垂直に1ピクセルずつサイズ変更するほど単純ではありません。

post-thumbnailsimages
8
Coen

いやー、私はいつも自分の問題を解決し続けています。これが私が最後にそれを解決した方法です。私は、add_image_sizeが同じサイズの画像サイズを無視するのではなく、アップロードディレクトリ内の同じファイルを指すファイル名を指すことを発見しました。それがわかったら、グレースケール画像を別の名前で保存し、その名前をフックの$ meta配列に返すだけで、WPはそれをデータベースに格納する情報として受け取ります。すべてのget_thumbnail（）関数はまだ正常に機能しているので、-grayscale IDを要求できます。

add_filter('wp_generate_attachment_metadata','gholumns_grayscale_filter');
function gholumns_grayscale_filter($meta)
{
$file = $meta['sizes']['gho-large-grayscale']['file'];
$meta['sizes']['gho-large-grayscale']['file'] = do_grayscale_filter($file);
//do_resize($file, -1, -1); # No longer necessary!
$file = $meta['sizes']['gho-medium-grayscale']['file'];
$meta['sizes']['gho-medium-grayscale']['file'] = do_grayscale_filter($file);
//do_resize($file, -1, -1); # No longer necessary!
$file = $meta['sizes']['gho-small-grayscale']['file'];
$meta['sizes']['gho-small-grayscale']['file'] = do_grayscale_filter($file);
//do_resize($file, -1, -1); # No longer necessary!
return $meta;
}


function do_grayscale_filter($file)
{
$dir = wp_upload_dir();
$image = wp_load_image(trailingslashit($dir['path']).$file);
imagefilter($image, IMG_FILTER_GRAYSCALE);
return save_modified_image($image, $file, '-grayscale');
}

function save_modified_image($image, $filename, $suffix)
{
$dir = wp_upload_dir();
$dest = trailingslashit($dir['path']).$filename;

list($orig_w, $orig_h, $orig_type) = @getimagesize($dest);

$filename = str_ireplace(array('.jpg', '.jpeg', '.gif', '.png'), array($suffix.'.jpg', $suffix.'.jpeg', $suffix.'.gif', $suffix.'.png'), $filename);
$dest = trailingslashit($dir['path']).$filename;

switch ($orig_type)
{
    case IMAGETYPE_GIF:
        imagegif( $image, $dest );
        break;
    case IMAGETYPE_PNG:
        imagepng( $image, $dest );
        break;
    case IMAGETYPE_JPEG:
        imagejpeg( $image, $dest );
        break;
}

return $filename;
}
9
Coen