SHU BLOG

BLOG NEWS ブログ

TITLE

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

SHU[シュウ]

1991年生まれ九州の宮崎県育ち
高校卒業後、愛知県で自動車関係の
お仕事に5年間勤め、WEB業界に
転職致しました。
趣味:サッカー観戦、ゲーム、映画、漫画
基本インドアです!笑

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

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

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

今回は結論から申します

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

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

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

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

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

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

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

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

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

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

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

Wordpress管理画面

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

Wordpress管理画面

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

Wordpress管理画面

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

Wordpress管理画面

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

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

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

Wordpress管理画面

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

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

デフォルトのアイキャッチ画像
default.png

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

Wordpress管理画面

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

Wordpress管理画面
アドレスバーを拡大しております

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つ問題があり、過去の記事には反映されませので、そこは手動で設定の方をお願いいたします。

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

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

スポンサーリンク

SHU

1991年生まれ九州の宮崎県育ち高校卒業後、愛知県で自動車関係のお仕事に5年間勤め、WEB業界に転職致しました。
趣味:サッカー観戦、ゲーム、映画、漫画基本インドアです!笑
つくる、しあわせをテーマとして主にWEBに関する様々な情報を発信しています。

最新記事

関連記事

オススメ記事

月別アーカイブ

page_top