記事にアイキャッチを設定する

前回のレッスン記事を予約投稿する

WordPressのアイキャッチとは、読者が記事の内容を一目で判断できるように、記事ごとに設定するサムネイル画像のことをいいます。

アイキャッチが表示されるページはテーマによっても異なりますが、主に次のページに表示されることが多いです。

アイキャッチが使用されるページ

  1. 投稿の一覧ページ
  2. 個別記事のページ

投稿の一覧ページでは、サムネイル画像として記事と並べて使用されるのが一般的です。

記事と並べて表示されることで、アイキャッチが読者の関心を引くものであれば、記事を読んでもらえる可能性も高まります。

下図では記事の内容とは関係のないアイキャッチを設定していますが、アイキャッチは画像を見ただけで記事の内容が想像できるようなものを設定していただくのがおすすめです

▲ 投稿一覧ページに表示されるアイキャッチ

個別記事のページでは、本文の冒頭などに表示されることもあります。

▲ 個別投稿ページに表示されるアイキャッチ

この記事では、「投稿」記事にアイキャッチ画像を設定する方法についてご紹介します。

image

固定ページにアイキャッチを設定する時には、「投稿」の記述を「固定ページ」へ置き換えてご覧ください。

スポンサーリンク




アイキャッチを設定する

記事にアイキャッチを設定します。

投稿 画面でアイキャッチを設定したい記事にカーソルを合わせます。

編集をクリックします。

image

アイキャッチは、記事の新規作成時に設定していただいても問題ありません。

投稿の編集 画面が開きます。

本文入力欄右の アイキャッチ画像 欄でアイキャッチ画像を設定をクリックします。

アイキャッチ画像を選択する画面が表示されます。

ファイルを選択をクリックします。

すでにWordPressにアップロードしている画像を選択したい時には、メディアライブラリを選択します。

パソコンから画像を選択します。

① アップロードされた画像が選択されていることを確認します。

アイキャッチ画像を設定をクリックします。

記事にアイキャッチ画像が設定されたことを確認します。

更新ボタンをクリックします。

記事にアイキャッチが反映されていることを確認しましょう。

アイキャッチを変更する

記事に設定したアイキャッチを変更します。

アイキャッチを変更したい記事の編集画面を開きます。

本文入力欄右の アイキャッチ画像 で、設定しているアイキャッチ画像をクリックします。

アイキャッチ画像 画面が表示されます。

① アイキャッチに設定したい画像をアップロード、またはメディアライブラリから選択します。

アイキャッチ画像を設定をクリックします。

アイキャッチ画像が変更されたことを確認します。

更新ボタンをクリックします。

記事でも、アイキャッチが変更されていることを確認しましょう。

アイキャッチを削除する

記事に設定しているアイキャッチを削除します。

アイキャッチを削除したい記事の編集画面を開きます。

本文入力欄右の アイキャッチ画像 で、アイキャッチ画像を削除をクリックします。

アイキャッチ画像が削除されたことを確認します。

記事でも、アイキャッチ画像が削除されていることを確認しましょう。

アイキャッチ画像欄が表示されない時は表示オプションにチェックを入れる

アイキャッチ画像の設定欄が表示されていない時には、編集画面の「表示オプション」から表示の設定をおこないます。

投稿の編集 画面右上の表示オプションをクリックします。

image

「表示オプション」は 投稿の編集 画面と 新規投稿の追加 画面ともに同じ場所にあります。この記事では 投稿の編集 画面で統一してご説明しています。

編集画面上部に表示オプションの項目が開きます。

アイキャッチ画像にチェックを入れます。

アイキャッチ画像の設定欄が表示されたことを確認しましょう。

image

次の記事からは、ビジュアルエディタの使い方をご紹介します。

「WordPress初心者入門」のトップへ

調べても答えが分からない場合にはQ&Aサイト活用がおすすめです

ご自分で調べても答えが出てこない時には、Q&Aサイトを活用しましょう。

WordPressに関する質問でおすすめのQ&Aサイトはteratailです。

teratailはプログラミングに特化していますので、WordPressで難易度の高いカスタマイズに関する質問もしやすく、一般のQ&Aサイトよりも正確な回答が得やすいという特徴があります。

無料で利用ができますので、行き詰まってしまった時には利用いただいても良いでしょう。
エンジニア特化型Q&Aサイト【teratail】

スポンサーリンク




シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク