ガジェニュー

~iPhone・格安スマホとか~

WordPress「Popular Posts」で画像が表示されなくなった原因・と修正方法

       後で読む

s1こちらのブログなのですがWordPressを使用して運用しています。今回は上の画像の用にWordPressで使用しているプラグインの「Popular Posts」で、WordPressのアップデート後にサムネイルの取得がうまくいかないという現象が起きました。なんとか原因を特定して修正が出来ましたのでメモがてらまとめていきます。

SPONSORED LINKS

WordPress「Popular Posts」で画像が表示されなくなった原因

以外とあっさりと原因は特定出来ました。両者の画像のURLをコピーして見たとこ下記のようにURLが違いました。あーそりゃ画像は表示されないよねって感じでちょっと拍子抜けでしたが、、、、

「Popular Posts」のアイキャッチ画像

http://smart-phone.783783783.com/wp-content/uploads/2014/08/%E5%9B%B3%E5%9B%B31-100×100.png

アイキャッチの画像

http://smart-phone.783783783.com/wp-content/uploads/2014/08/図1.png

こんな感じで、URLに含まれる日本語が化けてしまっているのが原因のようでした。(末尾の100×100というのはリサイズがかかっているのだと認識してスルーです。)

こういった事象は今までは出てなかったのですが、最近になって発見しました。1ヶ月ほど前まではどれも正常に表示されていたのでおそらくプラグインか、WordPress自体のアップデートをした際にちょっとした変更が行われて表示されなくなってしまったのかと推測されます。(どうやら日本語のファイルを上げた際のファイル名の変換され方が変わっている模様です。)

画像が表示されない場合の改善方法

修正方法は単純で、ファイルのURLを変更してあげれば問題なく表示されるようになるはずです。
sキャプチャ2
ファイルの名の変更ということで、メディア→ライブラリと進みファイルの名の変換を試みましたが、、、、
sキャプチャ3
あれできない。パーマネントリンクの変更は可能でしたがファイル名の変換はできませんでした。ということで一番早そうな手はずとして画像の再アップロード・再設定のてはずをとることにしました。

再アップロードの手順

  1. 対象の画像がない場合は、すでにアップロードされている画像を保存します。
  2. 画像の名前を適当な英数字に変更します。
  3. 対象の画像をWordPressに再アップロード
  4. 対象の記事のアイキャッチ画像を先ほどアップした画像に変更します。

以上の手順を踏むことによって治りました。
sキャプチャ4
ふーこれで一段落です。あとはこれを対象の記事に関してやる感じです。

今回の教訓とまとめ

多くのWEBデザイナーさんとかにはあたりまえのことかもしれませんが

アップロードする画像の名前を必ず英数字にすること

これが大事だと再認識。私は、特にコーディングしたりシステム書いたりできないにわかブロガーなのでこの辺りが完全に抜けてました。簡単にスクショが取れる「snipping tool」であるとか、

Skitch: 撮る。描き込む。共有する。
カテゴリ: 仕事効率化
現在の価格: 無料

とかを乱用してそのまま画像のアップとかをしてしまっていたので結構適当な日本語名のファイルが多くなってしまっていました。

あぁ、今度表示されない奴が出てきたらその都度修正しなきゃ(^_^;)大変です。

皆さんはこんな初歩的なことで躓かないようにしてくださいね。

てな感じで。

 - WordPress, プラグイン , , ,

  関連記事

201509
【アクセス数報告】2015年8月のPVとアフィリエイトの収益とか

最近ずいぶん涼しくなって来たのに、今日は蒸し暑いですね。今年は残暑が続くのだろう …

sum-sns
【STINGER5・GUSH2カスタマイズ】feedly・Poket・LINEで送るボタンの追加設置

今回は、日本語で無料・しかもSEOに強くレスポンシブデザインかつ、カスタマイズも …

icon_1r_192
【アクセス数報告】2015年6月のPVとアフィリエイトの収益とか

あっと言う間に6月が通過していきました!もはや2015年の半分を超えているという …

simages_122214_110736_PM
【WordPressカスタマイズ】「Crayon Syntax Highlighter」が重かったのでサイト高速化のため「highlight.js」を入れてみた

最近はWordPressでやっているこのブログがかなり重かったので高速化を目指し …

sicon_1r_192_020215_080729_PM
【アクセス数報告】2015年1月のPVとアフィリエイトの収益とか

早いもので2015年も2月に突入ということで、1年の12分の1がすでに消費されて …

sum_012415_124615_AM (1)
【WordPress】ロリポップサーバーからエックスサーバーにお引っ越ししました。

今回は、ロリポップ!のコロリポプラン(月額250円)のプランから、エックスサーバ …

images_111114_064856_PM
カエレバをアイコンフォントを使ってカスタマイズ(SVGファイルもあるよ)

以前、カエレバのCSSカスタマイズで、カスタマイズしたカエレバの表示ですがスマホ …

ana-sum
【アクセス数報告】2014年9月のPVと収益を公開します

今回は初めて、「ガジェニュー」のPVを公開してみようと思います。実際にこうやって …

sum
【アクセス数報告】2014年10月のPVとアフィリエイトの収益を公開します

10月の末から、昨日まで曾祖母のお葬式や、遺品整理やらでバタバタしていて本日から …

access201503
【アクセス数報告】2015年3月のPVとアフィリエイトの収益とか

3月も終わり今日から4月に突入。新年度ということで色々とイベントがある方いるかも …

Loading Facebook Comments ...

Message

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