WordPressでスマホだけ画像が出ない時の対処法

WordPressを使ったサイトで、
スマートフォンで閲覧時だけ、画像がうまく表示されない不具合があります。
IMG_9609

症状の原因

原因はさまざまありますが、多くの場合がファイル名に日本語が使われているから

スクリーンショット 2016-09-05 10.43.29ファイル名の確認方法

右メニューの「メディア」をクリック。
アップロードされている画像がすべて表示されるので、任意の画像をクリック
出てくるポップアップの右側に書いてあります。

アップロード後の画像のファイル名を変えるのは不可能

WordPress上で、アップロード後にファイル名を変えるのは不可能です。
変更できるのは、代替文言(alt)、タイトル(title)などだけです。
こりゃめんどくさいなマジで。と思って、プラグインを探したら
ありました。

リネームプラグインありましたよ

スクリーンショット 2016-09-05 10.44.30その名も、「Media File Renamer」!
なんというわかりやすい名前のプラグイン。
早速使いましょう

Media File Renamerの使い方

プラグインをインストール

(インストールの仕方は自分で調べてください)

「メディア」のサブメニューに「File Renamer」が現れる

こいつをクリック
スクリーンショット 2016-09-05 10.45.12

Scan All & Show Issuesをクリック

スクリーンショット 2016-09-05 10.45.40
クリックすると現在のメディアの一覧を取得してくれます。スクリーンショット 2016-09-05 10.45.48左から

  • Title:メディアのタイトル(HTMLの表示に関わる部分)
  • Current Filename:現在のファイル名
  • Desired Filename:好ましいファイル名
  • Action:リネームの実行

基本的には「Auto-Rename」ボタンを押せばOK

スクリーンショット 2016-09-07 16.33.10
綺麗さっぱり!
 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Social media & sharing icons powered by UltimatelySocial