【WordPress】デフォルトのアイキャッチ画像を設定する方法

シュウ

公開日: 2020.01.19 / 更新日: 2026.10.19
今回は【WordPress】デフォルトのアイキャッチ画像を設定する方法についての解説になります！

こんな方に読んでほしい

アイキャッチ画像の設定を忘れてしまう方
投稿のたびに設定する手間を減らしたい方です。
「NO IMAGE」の表示が気になっている方
一覧ページで画像がない記事の見た目を整えたい方です。
functions.phpの基本的な使い方を学びたい方
コピペで使えるコードを用意して、解説しています。

[記事の内容]

アイキャッチ画像を設定する理由とは

アイキャッチ画像は、記事一覧やSNSでシェアされたときに最初に目に入る画像です。タイトルだけでは伝わりにくい記事の内容を、ひと目で伝える役割があります。

では、アイキャッチ画像がない場合と、ある場合では、どれくらい印象が変わるのでしょうか。
下記の画像をご覧ください。

「NO IMAGE」が表示されている例とアイキャッチ画像が設定されている例の比較

上の画像では、次の2つのパターンを比較しています。

1番:アイキャッチ画像が未設定
「NO IMAGE」の画像が表示されている状態です。
2番:アイキャッチ画像が設定済み
記事の内容に合った画像が表示されている状態です。

どちらの記事を読みたくなるかは、ひと目で分かるのではないでしょうか。

デフォルト画像を1つ用意すれば解決します

そこで今回は、デフォルトのアイキャッチ画像を1つ作成しておく方法を紹介します。この方法なら、次のようなメリットがあります。

アイキャッチ画像の設定を忘れても「NO IMAGE」にならない
記事ごとに画像を変えたいときは、あとから自由に変更できる

それでは、設定方法を見ていきましょう。

WordPressでアイキャッチ画像を設定する方法

まずは、投稿画面にアイキャッチ画像の項目を表示させる手順です。すでに項目が表示されている方は、デフォルト画像の設定に進んでください。

アイキャッチ画像の項目を表示させる手順

1管理画面にログインします。

2投稿 >> 新規追加を選択します。

3新規追加画面に、アイキャッチ画像の項目があるか確認します。ない場合は、次の手順に進みます。

4表示オプション >> アイキャッチ画像にチェックを入れます。

※表示オプションにアイキャッチ画像のチェックボックスがない場合は、次の手順に進みます。

なお、ブロックエディタ(Gutenberg)の場合は、右サイドバーの「投稿」タブ内にアイキャッチ画像の項目が表示されます。

functions.phpにアイキャッチ画像の機能を追加する

5テーマのfunctions.phpに、次の1行があるか確認してください。ない場合は、この1行を追加します。

// アイキャッチ画像を有効にする
add_theme_support('post-thumbnails');

●①add_theme_support: add_theme_support()は、テーマに機能を追加するWordPressの関数です。

●②post-thumbnails: 'post-thumbnails'を指定すると、投稿画面にアイキャッチ画像の項目が表示されます。

アイキャッチ画像の項目が表示されました。次に、デフォルトのアイキャッチ画像を準備します。

デフォルトのアイキャッチ画像を設定する方法

1今回は「default.png」という名前で、画像を用意しました。

2メディア >> 新規追加を選択し、ドラッグ＆ドロップで画像をアップロードします。アップロード完了後、右下の「編集」をクリックしてください。

アドレスバーを拡大しております

3アドレスバーの「post=2404」を確認してください。この「2404」が画像のIDです。数値をコピーしておきます。

functions.phpにデフォルト画像のコードを追加する

テーマのfunctions.phpに、次のコードを追加します。投稿を保存したときに、アイキャッチ画像が未設定なら、デフォルト画像を自動で設定するコードです。

// デフォルトのアイキャッチ画像を設定する
add_action( 'save_post', 'save_default_thumbnail' );
function save_default_thumbnail( $post_id ) {
  // リビジョン(自動保存された履歴)は処理しない
  if ( wp_is_post_revision( $post_id ) ) {
    return;
  }
  // アイキャッチ画像が未設定の場合のみ、デフォルト画像を設定する
  if ( ! has_post_thumbnail( $post_id ) ) {
    set_post_thumbnail( $post_id, 2404 );
  }
}