Wordpress でアップロードした画像をサイズに応じて名前を変えたい

Question

前提・実現したいこと

WordPress で image.jpg という画像をアップロードすると
image.jpg の他に

• image-150x150.jpg（サムネイル）
• image-300x225.jpg（中）
• image-1024x768.jpg（大）

という画像が作成されます。

これを

• image-thumbnail.jpg
• image-medium.jpg
• image-large.jpg

というように作成したいと思います。

発生している問題・エラーメッセージ

sanitize_file_name で…というのを見かけてやってみたのですが、ファイル名そのもの（この場合は image ）を変更はできるものの、ファイル名の後の部分（この場合は thumbnail や large 等）を変更する方法がわかりません。
add_image_size() 等で追加する場合はそれに準じたものが、"-" 以降に入る…というのが理想ですが、こういうことは不可能でしょうか？

該当のソースコード

以下は http://stackoverflow.com/questions/3259696 からの引用です。
ファイル名を MD5 変換した文字に変換するというものでした。

function so_3261107_hash_filename( $filename ) {
    $info = pathinfo( $filename );
    $ext  = empty( $info['extension'] ) ? '' : '.' . $info['extension'];
    $name = basename( $filename, $ext );

    return md5( $name ) . $ext;
}

add_filter( 'sanitize_file_name', 'so_3261107_hash_filename', 10 );

teratil にも似たような質問があったのですが、やはり少し違うようです。

試したこと

以前 WordPress のフォーラム で質問して格闘していたのですが解決せず、放置しておりました。
一応これをいじってみたのですが、行き詰ってしまいました…。
よろしくお願いいたします。

Answer 1

Thumbnail Changer Plugin
https://github.com/creatorish/thumbnail-filename-changer

Comments

[sanokoyuki]

Space-Monkey さま
素敵なプラグインのご紹介ありがとうございます。
これって WordPress のプラグイン検索では出てこないんですね。
テストに時間がかかってしまいお返事が遅くなりました。
このプラグインを導入して、以下の操作をしてみました。

1. image.jpg をアップロード
2. image.jpg を回転 → 確定

すると image.jpg の他に image-e0123456789012.jpg （ e 以降の 13 桁の数字はランダムな数字）というファイルができていました（これは WordPress の仕様でしょうか？）。
image.jpg の画像については -thumbnail.jpg 、-medium.jpg 、-large.jpg ができたのですが、image-e0123456789012.jpg については WxH 形式でファイル名が付いていました。

Regenerate Thumbnails を実行すると WxH 形式のファイルは消えずに（残念…）、期待通りの -thumbnail.jpg 、-medium.jpg 、-large.jpg ができました。

回転した時に余計なファイルができるのと WxH 形式のファイルができるのが残念ですが、もう少し頑張ってみようと思います。
ありがとうございました。

また修正について情報がありましたらお願いいたします。

[sanokoyuki]

作者の方のホームページはなくなっちゃってたんですね…残念…

[退会済みユーザー]

WordPressに登録されてないものはWordPressのサイトで検索しても出てきません。

管理画面でファイルを編集した場合際にランダムな文字列が付与されたファイルが出来るのはWordPressの仕様です。
対策はファイルを上書きする方法を考えるかアップロード前に回転しておくかの二択だと思いますが、やりたいことは
『Wordpress でアップロードした画像をサイズに応じて名前を変えたい』
なので本件とは別問題です。

[sanokoyuki]

Space-Monkey さま
おっしゃる通りですね。
また機会がありましたらよろしくお願いいたします。
もう少しがんばって解決した時点でまたご報告させていただきます。

ありがとうございました。

Answer 2

ざっくり見ただけなので未検証です。

---

WordPress の画像操作は WP_Image_Editor クラスで行われています。（WP3.5以降）

で、GD か Imagick が用意されていますが、どちらも同じ方法で名前を取得しています。
wp-includes/class-wp-image-editor-gd.php#L384
wp-includes/class-wp-image-editor-imagick.php#L619

$filename = $this->generate_filename( null, null, $extension );

で generate_filename() 内で get_suffix() を使っているため、下記パターンに固定されます。

return "{$this->size['width']}x{$this->size['height']}";

なので、たぶん、WP_Image_Editor クラスを自作して（既存の物をコピーとか継承とかして）置き換えることが出来るとは思います。

GD / Imagick のどれを使うかは下記 WP_Image_Editor クラス取得関数内の _wp_image_editor_choose関数で分岐されています。

【wp_get_image_editor() | Function | WordPress Developer Resources】
https://developer.wordpress.org/reference/functions/wp_get_image_editor/

【media.php in tags/4.9/src/wp-includes – WordPress Trac】
https://core.trac.wordpress.org/browser/tags/4.9/src/wp-includes/media.php#L2900

$implementations = apply_filters( 'wp_image_editors', array( 'WP_Image_Editor_Imagick', 'WP_Image_Editor_GD' ) );

と、ここで画像操作用クラスを差し込めそうなので、試してみるとか。（未検証です）

add_filter( 'wp_image_editors', 'change_graphic_lib' );
function change_graphic_lib( $array ) {
    require_once TEMPLATEPATH.'/class-my-wp-image-editor-imagick.php';/* ← とりあえずテンプレートフォルダにおいてみた（プラグインにするならプラグインのパスにどうぞ） */ 
    return array( 'MY_WP_Image_Editor_Imagick',/* ← コピーか継承して作った自作のクラス*/ 'WP_Image_Editor_Imagick', 'WP_Image_Editor_GD' );
}

【wp_image_editors | Hook | WordPress Developer Resources】
https://developer.wordpress.org/reference/hooks/wp_image_editors-9/

Comments

[sanokoyuki]

kei344 さま
ご回答ありがとうございます。
WordPress を表面だけ触るのと中の方まで触るのとでは奥深さが違うなぁと感じさせられました。
気軽にできるとは思っていませんでしたが、書かれたことを理解するだけでも結構大変そうですが頑張ってみようと思います。

正直どこをどういじればいいのかわかりませんでしたので、大変参考になりました。
本当にありがとうございました。

追加の情報等ありましたら、またよろしくお願いいたします。