気になる目次をクリックして読む
fa-heart-o
この記事を読んでわかること
ワードプレスの編集画面にあるアイキャッチ画像の設定方法と削除方法を紹介します。「新エディタ(Gutenberg Editor)」の画面を見ながら順を追って操作手順を説明します。
※「旧エディタ(Classic Editor)」を使った編集方法は『WordPress初心者:記事のアイキャッチ画像の設定方法と削除方法|旧エディタ』の記事をご覧ください。
fa-thumbs-o-up
アイキャッチ画像を設定するメリット
- 記事の内容をイメージしやすい
- サイト内の他記事も読んでもらいやすくなる
- SNSでユーザーの目を惹きつけられる
事前確認
アイキャッチ画像の設定エリアが、画面の右側に表示されていることを確認してください。
表示されていればOKです。アイキャッチ画像の設定に進みましょう。
アイキャッチ画像の設定エリアが表示されていない場合は、表示する必要があります。以下の手順で表示させてください。
- 画面右上の[fa-ellipsis-v](ツールと設定をさらに表示)をクリック
- [オプション]をクリック
- オプションダイアログが開く
- [文書パネル]-[アイキャッチ画像]にチェックを入れる
- [×]をクリックし、オプションダイアログを閉じる
- 編集画面の右側にアイキャッチ画像の設定エリアが表示されていることを確認
アイキャッチ画像の設定方法
新しい画像をアップロード後、アイキャッチ画像に設定する手順
ここでは新しい画像をアップロード後、アイキャッチ画像に設定する手順を紹介します。
編集画面の右側にある[アイキャッチ画像]をクリックします。
[アイキャッチ画像を設定]をクリックします。
アイキャッチ画像を設定する画面が開きます。
[ファイルをアップロード]タブをクリックし、[ファイルを選択]ボタンをクリックします。
[ファイルをアップロード]タブをクリックし、[ファイルを選択]ボタンをクリックします。
アップロードしたい画像を選択し、[開く]ボタンをクリックします。
[メディアライブラリ]タブにアップロードした画像が表示されます。
画像が選択されている(チェックがついている)状態を確認し、[アイキャッチ画像を設定]ボタンをクリックします。
画像が選択されている(チェックがついている)状態を確認し、[アイキャッチ画像を設定]ボタンをクリックします。
編集画面に戻ります。選択した画像がアイキャッチ画像として設定されました。
サイト上でどんな風に表示されるのかを確認したい場合は、編集画面の[プレビュー]ボタンをクリックして確認してみてください。
既にアップロード済の画像をアイキャッチ画像に設定する手順
既にアップロード済の画像をアイキャッチ画像に設定することもできます。その手順は次の通りです。
- 編集画面の右下にある[アイキャッチ画像を設定]をクリック
- [メディアライブラリ]タブを選択
- アイキャッチ画像に設定したい画像を選択(チェックをつける)
- [アイキャッチ画像を設定]ボタンをクリック
- アイキャッチ画像設定完了
アイキャッチ画像の変更方法
アイキャッチ画像の設定エリアにある[画像を置換]ボタンをクリックします。
アイキャッチ画像を設定する画面が開きます。
アイキャッチに使いたい画像を選択後、[アイキャッチ画像を設定]ボタンをクリックします。
選択した画像にアイキャッチ画像が変更されました。
アイキャッチ画像の削除方法
アイキャッチ画像の設定エリアにある[アイキャッチ画像を削除]をクリックします。
アイキャッチ画像は削除されました。
まとめ
今回は新エディタを使って、アイキャッチ画像の設定方法と削除方法を紹介しました。
アイキャッチ画像でユーザーの目を引くことができれば、記事を読んでもらえる可能性も高まります。記事の内容をイメージさせる画像を設定して、魅力的な記事を作りましょう。