SHU BLOG

BLOG NEWS ブログ

TITLE

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

SHU[シュウ]

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

サーバーとドメインの同時取得で.jpが無料

シュウ
シュウ
今回は【WordPress】アイキャッチ画像の設定方法について解説!!
の解説になります!

こんな方に読んでほしい

  • WordPressを学び始めた方へ
  • WordPressのアイキャッチ画像について解説していきます。
  • 今回はWordPressの「アイキャッチ画像の設定」について解説しております。

アイキャッチ画像について

アイキャッチ画像について

WordPressで記事を書く毎に画像の設定ができます、その画像のことをアイキャッチ画像と言います。
以下の画像のような箇所で使用することがあります。

主に、ブログのサムネイル画像をアイキャッチ画像で設定しております。
アイキャッチ画像の設定はWordPressの管理画面内で設定をおこないますが、
アイキャッチ画像の設定項目が表示してないことがあります。

ブロックエディタでの表示方法について

ブロックエディタでの表示方法について

WordPressの管理画面に移行
「メインナビゲーションメニュー > 投稿 > 新規追加」を選択します。
1:右上のメニューアイコンをクリック
通常なら、右の設定項目に「アイキャッチ画像」が表示しているはずです。
表示していない場合は、右上のメニューアイコンをクリックします。
2:オプションを選択
メニューの一番下の「オプション」を選択します。
3:アイキャッチ画像を選択
オプションメニューの中にある「アイキャッチ画像」を選択し、右設定項目にアイキャッチ画像が表示したら完了になります。

Classic Editor(旧エディタ)での表示方法について

現在、WordPressでは、ブロックエディタが標準になっておりますが、Classic Editor(旧エディタ)も多くのユーザーが使用しております。
Classic Editorでもアイキャッチ画像が表示しないが問題あります。
こちらも解説していきます。

WordPressの管理画面に移行
「メインナビゲーションメニュー > 投稿 > 新規追加」を選択します。
アイキャッチ画像の設定

1:「表示オプション」 > 2:ボックスの中から「アイキャッチ画像」を選択 > 3:アイキャッチ画像を設定

functions.phpの設定について

上記の新旧エディタの表示方法について解説してきましたが、
WordPressのテーマによっては「アイキャッチ画像」のチェックボックスがない場合も存在します。

その際には、テーマフォルダにある、「functions.php」にアイキャッチ画像を表示するコードを記述します。
以下のように記述します。

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

コード記述後、新旧エディタをご確認してください。

まとめ

今回はこれで以上です。
次回は、「アイキャッチ画像」をホームページ上に表示させるを解説します。

POINT
  • WordPressアイキャッチ画像の設定について解説しました。
  • WordPressのテーマによっては「アイキャッチ画像」のチェックボックスがない場合も存在します。
  • アイキャッチ画像の項目がない場合、functions.phpに次のコードを記述
    add_theme_support('post-thumbnails');
スポンサーリンク

SHU

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

最新記事

関連記事

オススメ記事

月別アーカイブ

page_top