WordPress-Related-Postsissue

WordPressRelatedPostsでサムネが表示されない時の解決方法

この記事は約 5 分で読めます。

WordPressカテゴリの記事です。

 

関連記事プラグイン:WordPress Related Posts

 

さて、本題ですが、Wordpressで関連記事を表示させるのにプラグインでWordPress Related Postsを使っている方も多いと思います。

Sponsored Link


使い勝手もよく重宝していたのですが、少し前から記事下の関連記事のある記事のサムネイルだけが表示されないという不具合に困っていました。
そこでChromeのデベロッパーツール(F12)からHTMLを覗いてみると、その記事の画像リンクだけが適切に抽出されていないようでした。

というわけでいろいろ該当の投稿のアイキャッチを更新してみたり、プラグイン自体の画像取得方法を探ってみたりして解決を図ってみましたが変わらず…。

結果的には、プラグインの設定からUse custom field for thumbnails」のチェックマークを外すことで適切にアイキャッチに設定した画像のURLを取得してくれるようになりました。
以下その対処法について簡単に解説します。

急ぎの方は、以下の部分のチェックマークを外すことでプラグイン側のURL取得の挙動が変わりますので、試してみてください。

 

プラグインの設定から「Use custom field for thumbnails」のチェックマークを外す。

 

問題の解決の経緯

サムネイルが表示されない。

 

サムネイルが表示されない。

 

不具合の現象としては、上記の画像のような感じです。
他の記事のサムネイルは適切に表示されているのに、ある特定の記事のサムネイルだけが記事下の関連記事で表示されていませんでした。

この不具合にあたって、

  • 該当投稿の編集画面からアイキャッチを更新する、別の画像にしてみる。
  • プラグインを停止させ、再度有効化する。
  • ページを更新する。

等を行いましたが、改善されませんでした。

 

 

そこでChromeのデベロッパーツール(F12から入れます。)で確認すると、該当記事のサムネイルだけがアイキャッチ画像のURLを適切に取得できていないことがわかりました。
img src=”につづいて、画像URLが続かなければなりませんが、この場合(どこから引用されてきたのか分かりませんが)”1″が引用されているのみなので、記事のアイキャッチ画像へ参照されないようになっていました。

 

Use custom field for thumbnailsをオフにしよう。

 

そこでプラグインの設定を確認するとそれっぽい項目が。
項目を変更すると無事サムネイルが表示されました。
というわけで、

 

サクッと改善しちゃいましょう。

 

 

設定を変更するには、設定からWordPress Related Postsの設定画面に移動します。

 

 

WordPress Related Posts設定内の「Advanced settings」というタブを開いてスクロールしていくと、「Use custom field for thumbnails」というのがあります。
これが変更箇所です。
日本語に翻訳すると「サムネイルにカスタムフィールドを使用する」です。

たぶん、サムネイル取得方法になんらかの変更を加える項目なんじゃないかと思います。
たぶん。

とくにかくオフにしちゃいましょう。

 

表示された。

 

 

無事サムネイルが表示されました。
よかったよかった。

Sponsored Link


 

WordPress Related Postsのサムネイル問題のまとめ

 

  1. サムネイルが表示されないときは、まず記事にアイキャッチが設定されているかを確認しましょう。
  2. 適切にアイキャッチの設定がされていることを確認したら、デベロッパーツールで該当箇所の画像URLが適切に引用されているか確認しよう。
  3. 正しいURLが引用されていなかったらプラグインの設定から「Use custom field for thumbnails」をオフにしてみよう。

 

画像が表示されないときの補足

サイト内で画像が表示されないときの全体的な対処法をも合わせて引用掲載しておきます。

 

画像が表示されないときのチェックリスト

  • ファイル名に日本語を使ってないか?
  • gifかjpgで保存しているか?
  • CMYKで保存してないか?(RGBになっているか?)
  • 画像を保存した場所は、サイトの中か?(サイト定義の中)
  • HTMLファイルから、画像へのパスは合っているか?
  • サーバにアップロードしたときに、画像だけを転送し忘れていないか?
  • 画像だけアップして、HTMLの方をアップし忘れていないか?
  • キャッシュを見ているだけで、更新ボタンを押したら表示されるということもあるようです。

http://webnomori.net/2016/02/14/post-1252/から引用

 

WordPress Related Postsのサムネイル問題、ひとまず以上です。

 

Sponsored Link

bitFlyer ビットコインを始めるなら安心・安全な取引所で

リム(Rhime)

リム(Rhime)

ブログの閲覧ありがとうございます。 記事がなにかのお役に立てたなら幸いです。 もし何か分からないことがありましたら、お気軽にコメント下さい。(DISQUSにログインするか各種SNSの連携で書き込みください。匿名投稿も可能です。) |【プロフィール】: リム(Rhime)。RhizomeBrain(リゾームブレイン)管理人。Twitter:https://twitter.com/RhizomeBrain 2017年3月から仮想通貨への投資を開始。株式投資は2年ほど。 読書が好き。 大学ではデザインを学ぶ。フラットデザイン・マテリアルデザイン勉強中。