【AFFINGER6】アイキャッチ画像の設定方法とカスタマイズのご紹介

2022年7月12日

 

AFFINGER6でどうやったらいい感じのアイキャッチ画像が設定できるのかな??

 

今回はAFFINGER6ユーザーを対象としたアイキャッチ画像の設定方法と参考になる資料を解説できたらと思います。

 

本記事の内容

アイキャッチ画像の設定方法

アイキャッチ画像が表示されない問題について

アイキャッチ画像の作成方法や素材の紹介

 

 

\ 当ブログ使用テーマ /

  • 誰でもかんたんにオシャレデザイン
  • インフォトップ月間総合ランキング第1位
  • SEO対策と広告収入UP機能を標準装備!

初心者から有名ブロガーまで愛用されているSEO最強WordPressテーマ。下記のボタンから購入で、今なら5,000円相当のプラグインが無料でついてきます。

AFFINGER6の購入はこちら

 

\ AFFINGERのカスタマイズまとめ /

【徹底的に解説】AFFINGER6の設定・デザインをカスタマイズ方法まとめ

続きを見る

 

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

 

 

まず初めに、初心者の向けにアイキャッチ画像の設定方法について紹介しておきます。

 

そもそも、アイキャッチ画像とは何かというと、

 

その記事がどんな内容なのかを読者のユーザーにイメージしてもらうための画像です。

 

そのため、アイキャッチ画像と記事の内容に関連するようなものを選ぶようにしておきましょう。

 

アイキャッチ画像の設定方法

こちらの設定方法は、記事ページで or 固定ページでも同じ方法で使用可能です。

 

step
1
投稿画面に移動する

WordPress管理画面より、「新規追加」を選択し、投稿画面を表示させましょう。

「固定ページ」からでもOKです!

 

 

step
2
アイキャッチ画像の選択

投稿画面の右のサイドバーに「アイキャッチ画像」の項目がありますので、そちらを選択しましょう。

 

 

step
3
一覧から画像選択

メディアライブラリの一覧が表示されますので、アイキャッチ画像に設定したいものを選べば完了です。

 

設定したい画像を選択し、右下のボタン「アイキャッチ画像の設定」を選択すると反映されます。

 

新しい画像をアップロードしたい時は「ファイルをアップロード」を選択しましょう。

 

以上の作業でアイキャッチの設定完了です!

 

注意ポイント

公開・更新ボタンを押ないと設定が反映されませんので、忘れずにやっておきましょう。

 

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

 

AFFINGER6では、アイキャッチ画像の設定をしていても画像が表示されないことがあります。

 

その理由として、初期設定が必要になってくるので、WordPressの管理画面からアイキャッチの設定を変更しましょう。

 

AFFINGER6ユーザーのアイキャッチ画像の表示設定

それでは、アイキャッチ画像の表示設定を行います。

 

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

 

 

 

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

 

ワイド化やポラロイド風など、細かい設定が可能なため、是非一度触って見てください。

 

 

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

 

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

 

次は、アイキャッチが設定されていない記事のサムネイルの設定方法の紹介です。

 

アイキャッチ画像の設定をしていない記事は以下のような画像が表示されてしまします…

 

 

基本的には、記事ごとにアイキャッチ画像は設定することをオススメしますが、、

 

設定していない場合にも、殺風景にならずにする設定も行っておきましょう!

 

WordPress管理画面から「AFFINGER6管理」→「AFFINGER6管理」→「全体設定」→「サムネイル画像設定」へ移動しましょう。

 

 

サムネイル」の項目にて、下の位置に「アイキャッチが無い時のサムネイル画像URL:」という項目があるので、「アップロード」を選択して画像の設定を行っておきましょう。

 

 

ポイント

「サムネイル」の項目ではサムネイルの形状、表示形式、表示位置なども設定できます。プレビュー画面で確認しつつ、カスタマイズしてみましょう!

 

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

 

AFFINGER6だけでなく、WordPressユーザーの方へ向けた、ブログでアイキャッチ画像をきれいに表示させるコツについて紹介していきます。

 

アイキャッチ画像は、読者のユーザーにその記事をイメージしてもらい読んでもらうための第一歩になります。

 

以下のポイントが押さえているか確認しておきましょう。

 

アイキャッチ画像の大切なポイント

  • 画像から記事コンテンツ内容がイメージできる
  • クリックして見たくなるイメージイラストや写真が使えている
  • 一覧表示した際にサムネイルのサイズが揃っている

 

言うまでもなく、読者ユーザーにクリックしてもらえることが大切です。

 

そのほかにも、SEO的にアイキャッチ画像のサイズもしっかり設定しておいた方がいいでしょう!

 

アイキャッチ画像のサイズについての記事は以下を参考にして見てください。

 

【WordPress】Google砲の条件対象のアイキャッチ画像の最適なサイズとは

続きを見る

 

参考のフリー画像サイト

アイキャッチ画像ですが、ダウンロードする際にあまり有名どころばかりだと他のブログとかぶってしまう…

 

こんな問題を解消するために、無料ダウンロードサイトを一気に紹介した記事を用意していますので、参考にして見てください。

 

この記事で紹介している素材愛とであれば、必ずお好みの画像やイラストがあり、オリジナリティ溢れるものが利用できるはずです!

 

【無料イラスト・写真】商用利用可能なフリー素材サイトまとめ【おしゃれでおすすめ】

続きを見る

 

画像編集ならCanvaがおすすめ

画像の素材をダウンロードしてきて、アイキャッチ画像を加工して作成したい方にはCanva Proがおすすめです。

 

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

 

基本的な使い方や編集方法は以下の記事を参考にしてください。

 

【Canva】Canvaを使ったカンタンにアイキャッチ画像を作る方法【超簡単!!】

続きを見る

 

本ブログでも、Canva Proのカスタマイズ方法を随時更新していくので、ぜひ参考に!

 

まとめ:AFFINGER6でアイキャッチ画像を設定して、読者ユーザーを惹きつけよう!

 

以上、AFFINGER6のアイキャッチ画像の設定方法とオススメの編集方法でした。

 

アイキャッチ画像はこだわり出したら、キリがありません。

 

しかし、工夫して読者のユーザーが伝わるデザインものやついついクリックしてしまうものにしておくことがオススメです。

 

デザインについても参考になる書籍の紹介もして沖ので、気になる方はぜひ読んでみてください。

 

 

AFFINGERのカスタマイズに関するまとめ記事はこちら

【徹底的に解説】AFFINGER6の設定・デザインをカスタマイズ方法まとめ

続きを見る

  • この記事を書いた人

ANZU

ブログで毎日コツコツ積み上げ|ITスキルとライフハックをアウトプット|プログラミングも独学中|より良い学びと習慣のノウハウを発信| 詳細はブログに掲載していきます。

-AFFINGER
-, ,