はじめに｜アイキャッチ画像は「ブログの顔」
アイキャッチ画像は、
- 記事一覧やトップページで表示される「サムネイル画像」
- 記事を開いたとき、いちばん最初に読者の目に入る「ブログの顔」
です。
1枚あるだけで、
- 記事の内容が直感的に伝わる
- 読者の目に止まりやすくなる
- ブログ全体の世界観がそろう
など、いいことがたくさんあります。
この記事では、
- WordPressでアイキャッチ画像を設定する方法
- 記事の先頭にアイキャッチ画像を自動表示させる仕組み
- 短い記事の場合のちょっとした注意点
を、初心者さん向けにやさしく解説します。
アイキャッチ画像の設定方法
STEP1｜アイキャッチを設定したい記事の編集画面を開く
まずは、アイキャッチをつけたい記事を開きます。
- WordPressの管理画面にログインする
- 左メニューから
- 新しく書くとき：「投稿」→「新規追加」
- すでにある記事に設定するとき：「投稿」→「投稿一覧」→該当記事の「編集」
ブロックエディター（本文を入力する画面）が開いたら準備OKです。
STEP2｜右側の「投稿」タブからアイキャッチ画像を設定する
編集画面の右側にあるサイドバーから、アイキャッチを設定します。
- 右側のタブが「投稿」になっているか確認する
（「ブロック」になっている場合は「投稿」をクリック） - 下の方にスクロールして、「アイキャッチ画像」 の項目を探す
- 「アイキャッチ画像を設定」 をクリック
- 画像を選ぶ画面（メディアライブラリ）が開くので、
- すでにアップしてある画像から選ぶ
- 新しくアップロードする場合は「ファイルをアップロード」タブから画像を追加する
- 使いたい画像をクリックして「アイキャッチ画像を設定」を押す
- その時に代替テキストも入力しましょう。Google検索結果に反映されます。
これで、その記事にアイキャッチ画像が設定されました。
STEP3｜アイキャッチを「記事の先頭に自動表示」させる仕組み
Cocoonなど多くのテーマでは、
アイキャッチ画像を設定すると、記事の一番上に自動で表示する機能 があります。
- 記事の上に画像ブロックを入れなくても、
- アイキャッチを設定するだけで、
「本文の先頭にどーんと画像が出る」 ようにできるテーマが多いです。
テーマの設定で「表示する／しない」を選べる
テーマによっては、
- アイキャッチを本文の先頭に表示する
- アイキャッチは一覧だけに使い、本文の中には表示しない
など、表示方法を設定できる項目があります。
例：
- Cocoon設定 →「本文上にアイキャッチを表示」チェック
- テーマ独自の「アイキャッチ表示設定」 など
すでに記事の中に同じ画像ブロックを入れている場合、
「本文の先頭にアイキャッチ＋下にも同じ画像」で 二重表示 になることがあるので注意です。
COCOON設定でアイキャッチの「表示する／しない」を選べる
短いブログ記事では「アイキャッチだけ」でスッキリ見せてもOK
特に、
- お知らせ記事
- 短めのメモ記事
- 画像メインのシンプルな記事
のように、文章量が少ない記事では、
アイキャッチ画像を設定しておくだけで、
記事の一番上にきれいに画像が出る
という形もおすすめです。
この場合は、
- わざわざ本文に同じ画像ブロックを入れなくてOK
- アイキャッチ画像だけで「見出し＋1枚の画像」というシンプルな記事になる
ので、“パッと読めるお知らせ記事” に向いています。
アイキャッチ画像を設定しても表示されないときのチェックポイント
もし、
「アイキャッチを設定したのに、記事の上に出てこない…」
という場合は、次のポイントを確認してみてください。
- テーマの設定で「アイキャッチを本文上に表示」がOFFになっていないか
- 子テーマやカスタマイズでアイキャッチ表示が無効化されていないか
- 記事のテンプレート（投稿タイプ）によって表示設定が違っていないか
「一覧にはちゃんとサムネイルが出ているのに、本文には出ていない」
というときは、ほとんどが テーマ側の表示設定の問題 です。
アイキャッチに使う画像の選び方のポイント
最後に、アイキャッチ画像を作るときのコツも少しだけ。
- 記事の内容がひと目で伝わる イラスト・写真・文字入り画像にする
- 同じシリーズの記事は 色・デザインをそろえる と世界観が出る
- 文字を入れる場合は、スマホでも読める大きさ を意識する
- できれば横長（16:9 〜 3:2くらい）の画像にしておくと、一覧でもきれいに並ぶ
最初から完璧じゃなくて大丈夫です。
後から差し替えもできるので、まずは「仮アイキャッチ」でもOK という気持ちで気楽に作ってみてくださいね。
まとめ｜アイキャッチは「設定するだけ」で記事の先頭＆一覧で大活躍
- アイキャッチ画像は、記事一覧や本文の一番上に出る「ブログの顔」
- 記事編集画面の右側 →「投稿」タブ →「アイキャッチ画像を設定」から簡単に登録できる
- テーマの設定次第で、記事の先頭に自動表示 させることも可能
- 短い記事では、アイキャッチだけでシンプルに見せるのもアリ
- 画像のデザインは、後から少しずつ整えていけばOK
アイキャッチがそろってくると、
ブログ全体の印象がぐっとプロっぽく、世界観のあるサイトに変わっていきます✨
