AFFINGER6でアイキャッチ画像を設定する方法【最適サイズも紹介】

アイキャッチ画像は記事の印象に大きく関係するので、基本的には表示しておきたい要素です。

この記事ではアフィンガーでアイキャッチを表示するための基本設定やキレイに表示するコツも紹介していきます。

本記事の内容

• アフィンガーでアイキャッチを表示する方法
• アイキャッチ画像の最適なサイズ
• 綺麗にアイキャッチ表示するコツ

それではいってみましょう。

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

まずは基本的なアイキャッチ画像の表示方法を説明します。

アイキャッチ画像の表示設定を変更する

アフィンガーは初期設定ではアイキャッチ画像を設定しても非表示設定になっています。

まずはAFFINGER管理画面の「投稿・固定記事」→「アイキャッチ設定」で表示設定を変更しましょう。

ここで「アイキャッチ画像の表示をすべての記事で有効化する（デフォルトは上部）」にチェックを入れると、記事ページでアイキャッチが表示されるようになります。

ついでに、「アイキャッチ画像をタイトル下表示に変更する」にもチェックをつけておきましょう。

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

サムネのデフォルト画像の変更方法

アイキャッチを設定していないと記事一覧では下のように、ちょっと味気ない感じの表示になってしまいます。

アフィンガーでは、アイキャッチを設定していない場合のデフォルトサムネを設定しておくことも可能です

デフォルトの画像を変えたい場合は、AFFINGER管理→全体設定→サムネイル画像設定から設定しておきましょう。

AFFINGER6でアイキャッチ画像をきれいに表示するコツ

アイキャッチ画像は読んで字のごとく「読者の目を引く」ための重要な要素になり、アクセスアップにも繋がります。

ということで、簡単にできるアイキャッチ画像を綺麗に見せるコツを紹介します。

アイキャッチ画像をきれいに表示するコツ①最適な画像サイズにする

アイキャッチ画像はトップページの記事一覧のサムネとしても使うことも多く、サイズが合っていないと画像が見切れてしまう原因となるので適切なサイズにしておきましょう。

おすすめのサイズ設定は、フルサイズの縦横比1.91:1です。

縦横比1.91:1にしておくとSNSで記事共有したときにも見切れることなく綺麗に画像表示することができます。

アイキャッチ画像をきれいに表示するコツ②クオリティの高い素材を使う

アイキャッチに使う画像はクオリティの高いものを選びましょう。

僕が使っているおすすめの素材サイトをいくつか紹介しておきます。

写真素材のおすすめサイト

• O-DAN
• PhotoAC

イラスト素材のおすすめサイト

• Freepik
• イラストAC

他にもアイキャッチ作成にCanvaを使っています。

Pro版にすることで有料サイトにあるようなハイクオリティの素材も無制限で使うことができます。画像を探す手間を省きつつ、アイキャッチ画像を効率的に作れるのでおすすめですよ。

まとめ：AFFINGERのアイキャッチ画像の設定まとめ

それでは本記事のまとめです。

アフィンガーでアイキャッチ画像を設定するときのポイントは次の3つ。

• アイキャッチはデフォルト非表示なので表示設定を変更
• サムネの初期デザインの変更ができる
• おすすめサイズは「フルサイズ・縦横比1.91:1」

また、アイキャッチ作成には無料で使えるCanvaがおすすめです。アイキャッチ画像は写真の準備や文字入れしたり何かと時間がかかるので、効率を上げたい方はCanvaもぜひ使ってみてくださいね。

AFFINGER6を検討中の方