WordPressでMacSafariとiPhoneで画像が表示されないのであせった

MacSafariとiPhoneで画像が表示されない?

昨日書いたこちらの記事で、画像がうまく表示されないという現象が起きていました。

 

http://sugunaoya.com/?p=1324絵の描き方を整理してみます 〜やる気クエストよりアージリス〜

 

 

こちらの報告はぞえさん(@kz_sue )より頂きました。
早い段階で教えてもらえて良かった……ありがとうございます!

 

さっそく確認してみると、Mac Chromeでは画像は表示できている状態。
投稿前に確認はしているので当然といえば当然なのですが、Webでは特定のブラウザだけ表示できないなんてよくあること……と思い、SafariとFirefoxも起動。結果、Safariだけ見れない。
ついでにiPhoneで見たら見れない。これは困った。

 

ファイル名が原因だった

画像を再アップロードしてみたりいろいろ試すこと小一時間……。そもそもSafariだとファイルのURL開けないじゃないですか。

シ

 

日本語はどうも怪しい場合が多い(バイト数とか)ので、ファイル名を微妙に変えてアップロードしてみました。
ファイル名「アージリス.png」おそらく「ー」とかが記号扱いでダメなんだろう、と思いましたがちがいました。

ファイル名「アーシリス.png」あ、表示できる。
濁点がアウトだった様子。

ジ

 

プラグインを入れたら解決

「safari 表示されない」でGoogle検索してみました。
WP Multibyte Patchというプラグインを使えば解決するようです。

さっそく入れようとプラグインの一覧を見ると、既にありました。有効になっていなかったので有効化をクリック。

プラグイン

 

 

このあと画像を再アップロード、記事に貼り付け直すと画像がSafariやiPhoneでも表示されるようになりました。
ファイル名を見てみると、アルファベットに変換されています。
どうも画像アップロード時に日本語からアルファベットに変換しているようです。(バイトとかでしょうか?正直全然わからない分野です)

ファイル名がアルファベットに

 

WordPressお使いの方はWP Multibyte Patchが有効になっているか一度ご確認くださいませ。