WordPress最適化

WordPressブログでアイキャッチ画像が表示されない原因

こんにちは。
必死に張り切る ひしはり です。

今日は、先日より問題になっていた
アイキャッチ画像がブログの記事一覧や記事内に
表示されない原因について
書いて行きたいと思います。

 

WordPress管理画面の画像

 

アイキャッチ画像とは?

 

まず、アイキャッチ画像についてですが、
アイキャッチ画像とは、ブログの記事の冒頭や
記事一覧ページに設定されている画像のことです。

文字だけで構成されている記事よりも
関連画像が適度に設定されている記事の方が、
より多くの人に読まれる確率が上がります。

そう言った意味では、
非常に重要な作業と言えます。

 

おすすめフリー画像サイト「Pixabay]

 

砂浜にPixabayの文字

 

WordPressでは、ひと記事ずつに
アイキャッチ画像を設定出来ますので
フリー画像サイトで、お気に入りの画像を
ダウンロードして設定しています。

先日の記事でも書きましたが、
私が多用しているフリー画像サイトは
「Pixabay(ピクサベイ)」です。

 

 

ピクサベイで探せば、たいがいの
自分が探している画像が見つかりますので
とても助かっています。

 

アイキャッチ画像 表示されないのは何故?

 

早速、本題のアイキャッチ画像の件ですが、
WordPressでアイキャッチ画像を
設定していく訳ですが、
WordPressの投稿欄では、
設定したアイキャッチ画像が表示されています。

ところが、いざパソコンで投稿した記事を見てみると、
記事の中でアイキャッチ画像だけが、
表示されていない現象が起こっていた訳なんですね。

今回も、いつもの様に色々ネットで
対処法を調べてみました。

そして色々順番に試していった結果、
やっと原因が分かりました。

 

原因は「Lazy Load」レイジーロード

 

悪さをしていたのは、
WordPressのプラグインの一つである
「Lazy Load」レイジーロードでした。

何かしら、他のプラグインなんかと
干渉を起こして不具合を発生させることが
あるという事だったので、設定を外してみました。

すると、見事にアイキャッチ画像が、
ブログの記事一覧と記事内に表示されました。

 

「Jetpack] で解決出来るケースもある

 

最初は、同じくWordPressのプラグインの
一つである「Jetpack] が原因かもという
記事が多かったので、色々試しましたが、
うまくいきませんでした。

Lazy Loadの設定を外すだけで
解決するなんて、本当にちょっとした事なんですよね。

ただそれを見つけるのに
時間がかかってしまうんですね。

でも、一歩づつ一歩づつ
進んでいますよ。 ゆっくりですけど。

 

まとめ

 

という事で、ブログの記事一覧や
記事内に、アイキャッチ画像を設定したにも
関わらず、画像が表示されない原因は、
「Lazy Load」レイジーロードでした。

あくまで、私の場合ですけど、
同じ様な現象が起こった方は、
参考にして頂けたらと思います。

次は、いよいよブログの
スマホ画面の調整です。

これも手を焼きそうな気がしますが、
必死に張り切って行きたいと思う
ひしはり でした。
今日は、ここまで。

 

関連記事