シュウ

こんばんはー今日はデフォルトのアイキャッチ画像を設定する方法について
ご説明いたします！

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

下記の画像をご覧ください

今回は結論から申します

画像を比較していただけたでしょうか？ 私は2番目の方がユーザーから見た印象は良いと思います
1番は「NO IMAGE」が2カ所に設置されていますよね。

「NO IMAGE」が与える印象とは

• 「NO IMAGE」って何だろう・・・・
• タイトルのみの印象しかなくアイキャッチ画像で伝えたい内容がない
• 手抜き感が伝わってしまう

ですが、ブログを書く側の意見もあると思います！

ブログを書く側の意見とは

• 毎回アイキャッチ画像のデザインが大変
• アイキャッチ画像の設定を忘れてしまった
• アイキャッチ画像の設定の仕方がわかならい

見るユーザー側、ブログを書く側のお互いの意見があると思います。
特に、毎回アイキャッチ画像のデザインが大変との意見をよくお客様から聞くことが多いです。

私も毎回アイキャッチ画像のデザインをしていますが、大変です。
素人の方だとフリー素材やフリー写真を探してデザインをするのは大変ですよね。

ですので、今回はデフォルト画像を1つ作成しておけば、
設定すること、忘れることがなくなります。
あとで自由にアイキャッチ画像を変えられるようにしたいとおもいます！

WordPressでのアイキャッチ画像設定方法

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

2投稿 >> 新規追加を選択

3新規追加画面にてアイキャッチ画像の項目がない場合

4表示オプション >> アイキャッチ画像にチェックを入れます
※表示オプションにアイキャッチ画像のチェックボックスがない場合

5WordPressテーマのfunctions.phpファイル内に以下の1行があるかどうかを調べてみてください。

// アイキャッチ
add_theme_support('post-thumbnails');

ない場合はこの1行を追加してみてください。

アイキャッチ画像が出ました。
次にデフォルトのアイキャッチ画像を準備します。

デフォルトのアイキャッチ画像を準備する

default.png

1今回はdefault.pngの名前を付け用意いたしました。

2メディア >> 新規追加を選択しドラッグ＆ドロップでファイルをドロップしてください
アップロード完了後右下編集をクリックしてください。

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

3アドレスバーを確認してくださいpost=2404この「2404」の数値をコピーしておいてください。

// アイキャッチデフォルト設定
add_action( 'save_post', 'save_default_thumbnail' );
function save_default_thumbnail( $post_id ) {
  $post_thumbnail = get_post_meta( $post_id, $key = '_thumbnail_id', $single = true );
  if ( !wp_is_post_revision( $post_id ) ) {
    if ( empty( $post_thumbnail ) ) {
      update_post_meta( $post_id, $meta_key = '_thumbnail_id', $meta_value = '2404' );
    }
  }
}

4WordPressテーマのfunctions.phpに上記のコードを入力してください！
注目するポイントは7行目です。

update_post_meta( $post_id, $meta_key = '_thumbnail_id', $meta_value = '2404' );

5valueの値はご自身が作成したデフォルトアイキャッチ画像の番号を入力してください。

6投稿 >> 新規追加を選択し反映されてたら成功になります。

まとめ

今回はこれで以上です。
1つ問題があり、過去の記事には反映されませので、そこは手動で設定の方をお願いいたします。

アイキャッチ画像って作成するの大変ですよね、
私も後回しにすることが多いです。

ですが、アイキャッチ画像がある、なしではホームページに見えかたも変わりますので
この期に設定を行いましょう！

最新記事

• 

  【WordPress】タイトル、本文の文字数制限について解説

  2022.09.29

• 

  【WordPress】テンプレートパーツを作成について解説

  2022.09.21

• 

  【WordPress】アイキャッチ画像のサイズについて解説

  2022.09.15

• 

  【WordPress】アイキャッチ画像の表示方法について解説

  2022.09.12

関連記事

< 前の記事

読みやすいホームページとは? 12月〜1月におこなった改善作業

次の記事 >

【WordPress】プラグインを使わずに管理画面をカスタマイズする方法