AFFINGER6でアイキャッチ画像を設定する方法をご紹介

AFFINGER6（アフィンガー6）を使い始めの人によくある悩みとして

アイキャッチ画像を設定する方法が分からない

一覧ページでアイキャッチ画像を表示させる方法がわからない

などが挙げられます。

そこで今回は以下のテーマについてご紹介します。

当サイトではプログラミングやWebサイト運営に関する記事を毎日投稿しています。
他の記事も合わせて読んでいただけると嬉しいです。

AFFINGER6（アフィンガー6）でアイキャッチ画像を設定する方法

まずは記事ページや固定ページでAFFINGER6でアイキャッチ画像を設定する方法をご紹介します。

この設定方法は記事ページでも固定ページでも同じ方法を使います。

まずWordPressの管理画面から「新規追加」ページに移動しましょう。
※「投稿」からでも「固定ページ」からでも構いません。

すると右側のサイドバーの下の方に「アイキャッチ画像」という項目がありますので「アイキャッチ画像を設定」という文字をクリックしましょう。

するとメディアライブラリの一覧が表示されます。
※上画面は私のメディアライブラリです。

アイキャッチに設定したい画像を選択して、右下のボタンを押せば反映されます。

新しい画像をアップロードしたい時は左上のタブを「ファイルをアップロード」に切り替えてあげればアップロードが出来ます。

これでアイキャッチの設定は完了です。

公開・更新ボタンを押して設定を反映させましょう。

AFFINGER6（アフィンガー6）でアイキャッチ画像を表示させる方法

アイキャッチ画像が表示されない？

上の項目のようにアイキャッチを設定しても画像が表示されないことがあります。

これはAFFINGER6の初期設定に問題があります。

この問題を治すには、WordPressの管理画面からアイキャッチの設定を変更しましょう。

AFFINGER6でアイキャッチ画像を表示させる方法

まずはWordPress管理画面から「AFFINGER6管理」→「AFFINGER6管理」→「投稿・固定記事」→「アイキャッチ設定」へ移動します。

すると「アイキャッチ設定」の項目に移動します。

アイキャッチ画像を記事に表示するには一番上のボックス
「アイキャッチ画像の表示をすべての記事で有効化する（デフォルトは上部）」にチェックを入れましょう。

アイキャッチをタイトルの上に表示したい方はこれで設定完了です。

一方でアイキャッチ画像をタイトルの下に表示したい方は３つ目のボックスにもチェックを入れましょう。

アイキャッチ画像の表示形式

次に横に3つ並んだチェックボックス（何もしない・ワイド化する・ポラロイド風にする）について説明します。

ここではアイキャッチ画像の表示形式を選択できます。

「なし」と「ワイド化」は違いが分かりにくいですが、ワイド化では画像の横幅が長くなります。

それぞれお好みで設定しましょう。

設定が完了したら「save」ボタンを押して変更を保存しましょう。

AFFINGER6（アフィンガー6）でサムネイル画像を設定する方法

アイキャッチを設定していない記事を一覧ページで見ると下のような灰色の画像が表示されます。

アイキャッチが設定されていないとはいえ、これでは殺風景ですよね。

AFFINGER6では、このデフォルトのサムネイルについても変更ができます。

デフォルトのサムネイルを設定する方法

まずはWordPress管理画面から「AFFINGER6管理」→「AFFINGER6管理」→「デザイン」→「サムネイル画像設定」へ移動します。

すると上画面のように「サムネイル画像設定」項目に移動します。

下の方にアップロードボタンがあるのでサムネイルに設定したい画像をアップロードしましょう。

またこの項目ではサムネイルの形状、表示形式、位置も設定できますのでそれぞれオリジナルでカスタマイズしてみましょう。

アイキャッチ画像をキレイに表示するコツ

最後にAFFINGER6に関わらず、WordPressブログでアイキャッチ画像をきれいに表示させるコツについてご紹介します。

アイキャッチ画像で意識したいこと

アイキャッチはその記事の情報を伝える大事な要素のひとつです。

その上で以下のことを意識しなければなりません。

アイキャッチはサムネイルになると正方形で表示されます。

そのため横長や縦長の画像を設定すると余計な部分がはみ出してしまいます。

ですからアイキャッチ画像は正方形に収めることをオススメします。

アイキャッチ画像にはstories by Freepikがおすすめ

そこでオススメなのがフリー画像サイトstories by Freepikです。

stories by Freepikはこんな人にオススメです。

stories by Freepikの最大の特徴は色をカスタマイズできることです。

上の画面のように自分でイラストの色をカスタマイズできるので種類は無限大です！

stories by Freepik公式サイト→

画像加工ならCanvaがおすすめ

アイキャッチ画像を加工して作成したい方にはCanvaがおすすめです。

Canvaは誰でもカンタンに無料でオシャレな画像を作成できるツールです。

詳しい使い方についてはこちらの記事をご覧ください。

まとめ：AFFINGER6でアイキャッチ画像を設定するカンタンな方法をご紹介

今回はAFFINGER6（アフィンガー6）でのアイキャッチ画像設定について解説しました。

これからサイトを立ち上げたい！ブログを始めたい！といった方の助けになれたらなと思います。

わからない部分がある方はお問合せフォームで質問して貰えばすぐに返信します。

今サイトではこれからもウェブサイト運営に関する有益な情報をたくさん発信していきたいと思っていますので応援よろしくお願いします！

AFFINGER6のカスタマイズ方法のまとめはこちら

AFFINGER6（アフィンガー6）に関する記事一覧はこちら→