岐阜でアクセス解析に興味があればご連絡ください。岐阜を中心にITコンサルティングを行っています。

WordPressのサイトをモバイルで見ると画像が表示されない!ときに確認すること

WordPressで作ったこのサイトでは、PCで見た場合は画像がうまく表示されているのに、スマホから見た場合だけ画像が表示されていませんでした。

なんでかな?と調べていたら、どうやらファイル名を日本語のままにしていたために、エラーになってしまったようです。

この解決方法は2つあります。

 

ファイル名にマルチバイト(日本語)を入れない

ファイル名にマルチバイト文字(いわゆる日本語などの全角文字)が入っていると、Wordpressがうまく文字を処理できず、画像が表示されない場合があります。この対策としては、ファイル名をシングルバイト(英数字)にしてしまうのが確実な方法です。

ちなみに、それ以外にもWordpressにはマルチバイトに関する問題がいくつか存在しており、その内容はWordpressの公式オンラインマニュアルに掲載されています。

日本語・マルチバイト特有の問題 – WordPress Codex 日本語版

 

WP Multibyte Patchプラグイン

先ほどの公式オンラインマニュアルにも掲載されていますが、マルチバイト問題の多くは「WP Multibyte Patch」プラグインを使うことで解決します。このサイトでは、当初このプラグインを有効化していませんでした。

このプラグインを有効化することで、画像がうまく表示されない問題に加え、様々なマルチバイト関連の問題を解決してくれますので、有効化していない人はぜひしておきましょう。(WP Multibyte PatchはWordpressの初期インストールからプラグインとしては含まれていますので、有効化するだけです。)

ちなみに、このプラグインを有効にしてから画像アップロードすると、画像のタイトルは変な文字列になります。例えば「タイトル」という文字だと、「%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB」になります。これは文字コードの深い世界に絡むので詳しくは説明しませんが、タイトルを変更したい場合は注意してください。

 

以上です。Wordpressの画像がうまく表示されない時は、ぜひ試してみてください。