アップロードした画像が表示されないときファイル名が日本語どうか確認

iPadやアンドロイド端末でアップロードした画像が表示されないときはファイル名が日本語かどうか確認してください。

ぼくの環境ではipadとアンドロイド端末では全滅です。

このところpcとiPhoneしかチェックしてなくて気がつきませんでした。

膨大な数の画像をいちいちアップロードし直すなんて出来ないです。

解決策はワードプレスのプラグイン「Phoenix Media Rename」です。

ファイル名とそれに関連する投稿内のリンクを変更出来るプラグインです。
助かりました。

使い方を説明していきます。

(これはプラグインWP Multibyte Patchを有効にしていると起こらない問題です。)

ほんと油断していた

ここのところ画像ファイルのファイル名を日本語にする事が多くなっていたんです。

サーバー上で文字化けしてしまうのはわかっていたし、色々問題を起こす原因にもなるので、ずっと英数字にしてはいたんです。
当然、仕事関係のときは日本語ファイルなんて使いません。

しかしこのブログみたいな個人的にものはまあいいだろうとタカをくくっていました。
ほかのサイトでは日本語でアップしていても問題なく表示出来ていたのでそのまま日本語のファイル名で画像をアップしていたんです。

プラグインWP Multibyte Patchを有効にしていると起こらない問題

これはプラグインWP Multibyte Patchを有効にしていると起こらない問題です。

WP Multibyte Patchを有効にしていると日本語のファイル名でアップした画像のファイル名はランダムな英数字の文字列に変換されるので問題ないんです。

 

しかしこの「プログラミング備忘録」はなぜかWP Multibyte Patchをインストールしているのにもかかわらず無効になっていました。
それで日本語のファイル名のままアップされていたんです。

個人的な備忘録のブログなんであまりというかほとんどpcとiPhoneでしか見る機会がありませんでした。

iPadやアンドロイド端末でチェックする事はなかったんです。
で、超久々に見て見ると「やっちまった!」です。

見事に画像が表示されていません。
バージョンにもよるのかもしれませんが、うちの古いiPadやアンドロイド端末ではファイル名が日本語の画像はすべて表示されていませんでした。

ファイル名が日本語の画像はすでに大量にアップロードしていた

たぶんですけど、1年くらいは放置していたんじゃないかと思います。
仕事じゃないからいいだろうと、日本語で簡単にファイル名をつけてアップロードしていたんですね。

自分の他のサイトの環境がWP Multibyte Patchが有効になっていて、ファイル名が日本語の画像でも問題なく扱えていたから気づかなかったんですね。

たまにこのブログのwordpressが入っているサーバーを見てファイル名が日本語の場合は文字化け状態になっているなあ、とは思っていたんですが表示されているし扱いも問題なかったのでそのままにしたんですね。

ファイル名が日本語の画像はすでに大量にアップロードしているのでこれをどうしようと思いました。

解決策はプラグイン「Phoenix Media Rename」

一瞬パニックになりかけましたが、解決策はすぐにみつかりました。

ワードプレスのプラグイン「Phoenix Media Rename」です。

使い方は簡単で時間もたいしてかかりません。
が、それぞれ名前をつけていくので一括、一瞬では終わりませんよ。

でもこれで解決しました。

「Phoenix Media Rename」使い方

ワードプレスのプラグイン新規追加ページへ行く。

右上のプラグインの検索窓に「Phoenix Media Rename」をいれて検索。
すぐ出るはずです。

最終更新も3ヶ月前になっていました。(2019年9月15日時点)
メンテナンスもされているのでしょう。

インストールしたのち有効化。準備はこれだけです、もう使えます。

ファイル名書き換え

ワードプレスのメニューから「メディア ライブラリー」に行く。

ボックス表示ではなくリスト表示にしてください。
左上の青くなってるボタンで操作出来ます。(一括操作の上)

 

変更したい画像を探します。
バカみたいにファイル名が日本語になっているので目立つからすぐ探せます。


↑左端のチェックボックスにチェックを入れます。

↑右端のFilenameを変更します。

次です。
一番上の左端の「一括操作」で「Rename」を選択して「適用」で処理完了。

ここで「Rename&Retitle」を選択するとファイル名とタイトルが変わります。
画像サムネイルの右側に
●タイトル(バックアップ実行中)
●ファイル名(バックアップ実行中.png)
となっているタイトルも変えられるわけです。

結果はどう?

メディアライブラリーではファイル名変更は完了したがおもてはどうなっている?

バッチシです。
iPadやアンドロイド端末で表示されていなかった画像がすべて表示されました。

投稿記事内のリンクもすべて変更されているのですよ。
すばらしい!

まとめ

いやー、ワードプレス使っていてよかった〜。
検証してないけど「アメブロ」「はてなブログ」なんかはどうなんでしょうね。

アップロードした画像のファイル名変更なんて出来るんでしょうか?

今回はプラグイン「Phoenix Media Rename」に感謝、感謝です。

一個一個、名前を考えて変更してくのでそれなりに時間はかかりますが、ライブラリー画面で変更する画像にチェックを入れてファイル名を変更。

そして一括renameするのでたいした時間はかかりません。
ほっとしました。

時間のあるときにテレビでも見ながら変更作業をやろうと思います。


以上「アップロードした画像が表示されないときファイル名が日本語どうか確認」という記事でした。
気に入ってもらえたらシェアしてくれると嬉しいです。