WordPressで「アイキャッチ画像(サムネイル)が表示されない」場合は、ここをチェックしてみよう

私がよくいただく相談や問い合わせの中の1つで「アイキャッチ画像(サムネイル)」の話題があります。アイキャッチに関係するプラグインを作って公開しているからだと思いますが・・・

  1. アイキャッチ画像が表示されない
  2. アイキャッチ画像のサイズが調整できない

と、話題の内容は大きく2つにわけられます。つい先日も、同じような内容で問い合わせがありました。

ということは・・・「困っている人が他にもいるかもしれない!」と思いましたので「ここを確認してね」という内容を以下に書きました。

今回は、

  1. アイキャッチ画像が表示されない

という場合に確認する方法を書きました。

私が思う「確認の難易度が低い順」から紹介していきますので、ご参考ください。確認作業は、デスクトップPCやノートPCなどで行うのがおすすめです。

アイキャッチ画像が設定「できるかどうか」を確認する

まずは自分が使っているWordPressで、アイキャッチ画像がそもそも設定できるのかどうかを確認します。今の状態を知ろうよ、ってことですね。

WordPressの管理画面にログインして、左メニューから「投稿」→「投稿一覧」をクリックします。

下のように投稿一覧画面に移動するので、どれでもいいので投稿を選んでクリックしましょう。例として「Hello world!」の投稿をクリックすると、投稿の編集画面に移動します。

投稿の編集画面の中に「アイキャッチ画像」の項目が見つかれば「アイキャッチ画像を設定できる状態」という意味です。

アイキャッチ画像が設定されている場合は、下のように画像が表示されます。この画像が表示されているかどうかを、まずは確認しましょう。これはうまそうなオムライス。実際うまいです。

アイキャッチ画像が設定できる箇所がないんだけど!その場合はここを見よう

もし、アイキャッチ画像を設定できる項目が表示されない!という場合は、投稿画面の右上部にある「表示オプション」をクリックしましょう。

下のように表示する項目の一覧が出てきます。「アイキャッチ画像」にチェックが入っているかどうか、確認しましょう。チェックが入っていれば、アイキャッチ画像が設定できるはずです。

それでもアイキャッチ画像の項目が表示されないこともあります。表示する項目にチェックもできない。その場合は「使っているテーマはアイキャッチ画像が使えない」可能性が考えられます。

ですので、アイキャッチ画像が使えるように設定をしましょう。以下を読み進めてください。

アイキャッチ画像が使えるように設定する方法

ご使用のテーマフォルダの中に「functions.php」というファイルがあると思います。なければ作ります。その「functions.php」ファイルをテキストエディターで開いて、以下のコードを追記します。

add_theme_support('post-thumbnails');

上のコードは、アイキャッチ画像を使えるように設定するための記述です。詳細を知りたい方は「関数リファレンス/add theme support」を確認しましょう。

うまく記述が成功したら、アイキャッチ画像が設定できるようになっているはずです。

アイキャッチ画像を設定したのに、投稿に表示されないんだけど!その場合はここを見る

ここまで紹介した方法でアイキャッチ画像を設定できたとして、次はトップページや投稿ページで表示させましょう。

下の画像は、Twenty Fifteenテーマを適用した状態でトップページを開いたものです。「Hello world!」の投稿にオムライスのアイキャッチ画像が設定されています。

大きく画像が表示されていますね。いい感じ。

なぜこのアイキャッチ画像が表示されているかというと、「the_post_thumbnail」または「get_the_post_thumbnail」というアイキャッチ画像を表示させるための記述があるからです。

ですので、「アイキャッチ画像は、投稿画面でもう設定してるよ。でも表示されないんだよ!」という場合は、使用しているテーマフォルダ内にあるファイルをテキストエディターで開いて「the_post_thumbnail」または「get_the_post_thumbnail」の記述があるかどうかを確認しましょう。

the_post_thumbnailの記述例

<?php the_post_thumbnail(); ?>

get_the_post_thumbnailの記述例

<?php echo get_the_post_thumbnail(); ?>

get_the_post_thumbnail」を使っている場合は、出力させないといけないです(上の例ではechoで出力しています)。記述はあるのに出力させてなかった!という場合もあります。確認の際には特に注意しましょう。

確認するファイルはちゃんと選ぼう

投稿ページは「single.php」ファイルを確認、固定ページは「page.php」ファイルを確認、といった具合で、どのファイルがどの役割をしているかは、こちら「テンプレート階層」を確認しましょう。

全然関係ないファイルをいじって表示されない!という事は往々にしてあります。

まとめ

以上の内容を確認すると、おおよそ「アイキャッチが表示されない」という問題は解決するかな~とは思います。

アイキャッチ画像のサイズが変更できない場合の対処方法」と合わせてご参考頂けますと幸いです。

著者:bouya Imamura