ガイド/コンテンツの作成/ページと投稿/アイキャッチ画像を追加する

アイキャッチ画像を追加する

アイキャッチ画像は投稿やページのコンテンツ、雰囲気、テーマを表し、サイトのあらゆる場所で使用されます。このガイドでは、サイトでアイキャッチ画像を扱う方法を説明します。

ページまたは投稿の設定から

ページまたは投稿の設定から投稿またはページにアイキャッチ画像を設定するには、次の手順に従います。

  1. ページまたは投稿の編集中に、ページ設定サイドバーを開きます。
  2. 画像がまだない場合に表示される「アイキャッチ画像を設定」ボックスをクリックします。
  3. 次の利用可能オプションのいずれかで画像を選択します。
  4. 「公開」または「保存」のボタンをクリックして、アイキャッチ画像を保存します。
「ページ設定」サイドバーで、設定アイコンから「アイキャッチ画像を設定」ボタンに矢印が引かれている。

ページまたは投稿の画像から

ページまたは投稿に追加した画像をアイキャッチ画像として割り当てるには、次の手順に従います。

  1. ページまたは投稿の編集中に、画像ブロックを追加または選択します。
  2. 表示されるブロックツールバーで、オプションアイコン () をクリックします。
  3. ドロップダウンメニューから「アイキャッチ画像として設定」 オプションを選択します。
  4. 「公開」または「保存」のボタンをクリックして、アイキャッチ画像を保存します。
ブロックツールバーの「オプション」アイコンから、画像を「アイキャッチ画像」として設定するオプションを指す矢印。

AI を使用して、ページ投稿の内容に基づいたアイキャッチ画像を生成できます。

AI を使用して投稿やページのアイキャッチ画像を生成するには、次の手順に従います。

  1. ページまたは投稿の編集中に、ページ設定サイドバーを開きます。
  2. 画像がまだない場合に表示される「アイキャッチ画像を設定」ボックスをクリックします。
    • アイキャッチ画像がすでに存在する場合は、まず「削除」ボタンをクリックします。
  3. 「AI で生成」オプションをクリックすると、AI を使用して投稿やページのコンテンツに基づいた新しい画像が作成されます。
ページ/投稿設定サイドバーの「アイキャッチ画像を設定」ボタンから「AI で生成」オプションを指す矢印。
  1. 最初の画像が気に入らない場合は、テキストボックスに作成する画像の説明を入力し、「別の画像を生成」ボタンをクリックします。
  2. このプロセスは何度でも繰り返すことができ、画像の下にある矢印を使用して以前に生成した画像を参照できます。AI が生成したすべての画像は、サイトの「メディアライブラリ」に自動的に追加されます。
  3. お好みのアイキャッチ画像を選択し、「アイキャッチ画像として設定」ボタンをクリックします。
  4. 「公開」または「保存」のボタンをクリックして、アイキャッチ画像を保存します。
AI を使ってアイキャッチ画像を生成するウィンドウ。ウィンドウに、AI 画像の説明を追加するテキストボックス、説明から「別の画像を生成」するボタン、スライドショーに表示された生成済み画像、すべての生成済み画像をスライドするための矢印、選択した画像をアイキャッチ画像として設定するボタンが表示されている。

アイキャッチ画像を変更または削除するには、前のセクションの手順1から4に従ってアイキャッチ画像を見つけます。次に、「置換」または「削除」のボタンをクリックします。

アイキャッチ画像の「置換」ボタンと「削除」ボタン。

コンテンツにアイキャッチ画像を追加する場合もあれば、アイキャッチ画像を非表示にしてページや投稿に表示されないようにする場合もあるでしょう。

この変更は「ブロックテーマ」でテンプレートを編集して行うことができます。アイキャッチ画像を非表示にするには、投稿のアイキャッチ画像ブロックページテンプレートまたは投稿テンプレートから削除します。

アイキャッチ画像は、テーマによってさまざまな方法で使用されます。テーマによってアイキャッチ画像が表示される場所の例を以下に示します。

  • 検索結果
  • ブログのページ
  • ポートフォリオのページ
  • ホームページのおすすめコンテンツ

アイキャッチ画像が期待どおりに表示されない場合は、テーマの設定を確認して、テーマがアイキャッチ画像を表示するよう設定されていることを確認します。設定は、サイトで使用するテーマの種類によって異なります。

アイキャッチ画像のサイズが正しくない場合は、テーマのドキュメントを参照して使用推奨サイズを確認してください。特定のテーマでは、アイキャッチ画像が正しく機能するために特定のサイズの画像を必要とする場合があります。詳細については、「画像の最適化」ガイドをご覧ください。

通常、ほとんどの WordPress テーマではアイキャッチ画像にキャプションが表示されませんが、アイキャッチ画像のキャプションのプラグインを使用するとキャプションを表示できる場合があります。

Facebook などのソーシャルメディアサイトでは、ソーシャルメディアでページを共有する際に、アイキャッチ画像がよく使用されます。Facebook と LinkedIn の例を以下に示します。

Facebook
LinkedIn

次のガイドで、画像が FacebookLinkedIn でどのように表示されるかを参照できます。

Copied to clipboard!