この記事には広告が含まれています。

AFFINGER6:アイキャッチ画像を記事に自動で表示させる方法

AFFINGER6:アイキャッチ画像を記事に自動で表示させる方法

この記事がお勧めな方

  • AFFINGER6で自動でアイキャッチ画像を表示させる方法を知りたい方
  • AFFINGER6でアイキャッチ設定について詳しく知りたい方

アイキャッチ画像を記事に自動で表示させる方法

AFFINGER6ではアイキャッチを記事に自動で表示させるかの設定を「AFFINGER管理」で行うことができます。

「AFFINGER管理」→「投稿・固定記事」→「アイキャッチ設定」を選択します。

「AFFINGER管理」→「投稿・固定記事」→「アイキャッチ設定」

「アイキャッチ画像の表示を全ての記事で有効化する」にチェックを入れて「保存」するだけでOKです。

記事作成画面でアイキャッチ画像を設定しておくだけで、自動で記事上部にアイキャッチ画像が表示されるようになります。

WordPress:アイキャッチ画像設定

こんな感じで自動でアイキャッチ画像が表示されます。

AFFINGER6:アイキャッチ画像表示例

アイキャッチ画像の設定方法や画像を作成方法は別記事を参考にしてみてください。

こちらの記事もチェック!

WordPressでアイキャッチ画像を設定する方法【初心者でも失敗しない完全ガイド】
WordPressでアイキャッチ画像を設定する方法【初心者でも失敗しない完全ガイド】

WordPressを始めたばかりの初心者が最初に迷いやすいのが、「アイキャッチ画像って何?どうやって設定すればいいの?」というポイントです。 記事の内容には自信があっても、アイキャッチ画像がなかったり ...

Canvaでアイキャッチ画像を作る方法【初心者でも5分でできるブログ用デザイン完全ガイド】
Canvaでアイキャッチ画像を作る方法【初心者でも5分でできるブログ用デザイン完全ガイド】

2026/2/25    ,

ブログを運営していると必ずぶつかる壁―― それが 「アイキャッチ画像をどう作ればいいか問題」 です。 デザインなんてやったことがない センスに自信がない Photoshop?Illustrator?絶 ...

アイキャッチ設定で出来ること

AFFINGER6:アイキャッチ設定
①:アイキャッチ画像の表示を全ての記事で有効化する
②:アイキャッチのキャプションをクレジットとして写真上に表示する
③:アイキャッチ画像をタイトル下表示に変更する(ワイド化する・ポラロイド風にする)
④:代替テキストが無い場合はタイトルを設定【EX】

①:アイキャッチ画像の表示を全ての記事で有効化する

アイキャッチ画像を記事のトップに表示させることができます。

②:アイキャッチのキャプションをクレジットとして写真上に表示する

アイキャッチ画像を設定する際のキャプションに入力した内容がアイキャッチ画像上に表示されるようになります。

WordPress:アイキャッチ画像のキャプション入力欄

実際に設定するとこんな感じです。

AFFINGER6:アイキャッチ画像表示例

③:アイキャッチ画像をタイトル下表示に変更する

アイキャッチ画像をタイトル下に表示させることができます。

また、スタイルを3種類に変更可能です。(デフォルト・ワイド化する・ポラロイド風にする)

デフォルト

AFFINGER6:アイキャッチ画像表示例(デフォルト)

ワイド化する

AFFINGER6:アイキャッチ画像表示例(ワイド化する)

ポラロイド風にする

AFFINGER6:アイキャッチ画像表示例(ポラロイド風にする)

④:代替テキストが無い場合はタイトルを設定【EX】

EX版限定の機能になります。

代替テキストに入力していない場合に自動でタイトルの内容が代替テキストに設定されます。

代替テキストとはその画像の説明文のことです。

アイキャッチ画像を設定する際に代替テキストの欄に説明を入力することで設定できます。

アイキャッチ画像:代替テキスト入力欄

アイキャッチ画像にタイトルをそのままコピペしている方は自動で設定されるので少し手間が省けます。

以上がAFFINGER6でアイキャッチ画像を記事に自動で表示させる方法になります。

AFFINGER6の使い方については、このブログで詳しく解説しています。

AFFINGER6の使い方【まとめ】-初心者向けガイド-
AFFINGER6の使い方【まとめ】-初心者向けガイド-

2026/1/27    

AFFINGER6の使い方に関するまとめ記事です。 記事数が多いので、知りたい内容を目次から探してみてください。 設定に関する使い方 インストールの方法 AFFINGER6を使えるようにするまでの手順 ...