アフィンガー5でできる【デザイン変更・カスタマイズ】まとめ

知りたい人

アフィンガー5を購入しましたが，設定箇所が多くてどこから手を付けていいかが分かりません。アフィンガー5でできるデザイン変更やおすすめのカスタマイズが知りたいです。

そんな声に答えます。

ヒロシ

今回は，アフィンガー5の購入後にやるべき初期設定から，おすすめのカスタマイズやデザインの変更について，解説していきます。

この記事の内容を実践していくことで，以上のようなことができるようになります。

AFFINGER5でできるデザイン変更・カスタマイズ

今回解説するデザイン変更・カスタマイズは，次のようになります。

また，それぞれの詳しい詳細については，解説している記事へのリンクを設置していますので，参考にしてください。

それでは，順に解説していきます。

購入後の初期設定・デザイン変更

AFFINGER5は，デザインのカスタマイズの幅が広く，デザインやカスタマイズにハマるとかなりの時間がかかってしまい，ハマりすぎて記事の投稿が疎かにならない為に，初心者の人は，はじめに必要最低限の設定やカスタマイズをして記事に集中できる環境を作り，落ち着いてきたら本格的にデザイン変更やカスタマイズをしていくのがおすすめです。

以下の記事を見ることで，アフィンガーの購入後，必要な設定やデザインの変更などを済ませて，集中して記事を書くことができる段階まで進めることが出来るようになります。

ヒロシ

アイキャッチ画像を表示させる設定

アフィンガー5でアイキャッチ画像を表示させるには，少しだけ設定をする必要がありますが，簡単です。

アフィンガー5でアイキャッチ画像を設定する方法については，以下の記事で詳しく解説しています。

プロフィールの設定

（プロフィールって必要？）と思っている人がいますが，プロフィールをサイトの見やすい位置に設置することで，信頼感や親近感が上がりますので，プロフィールは設置することをおすすめします。

アフィンガー5では，下の画像のような3パターンのプロフィールを設置することができます。

アフィンガー5でプロフィールの設定をする方法については，以下の記事で詳しく解説しています。

記事タイトル・見出しのカスタマイズ

アフィンガー5は，各テキストと見出しのデザイン変更やカスタマイズもできます。

アフィンガー5のデフォルトの見出しのデザインは，下の画像のようになっています。

見出しのデザインをカスタマイズすることで，例えば下のような画像のデザインに変更することができます。

アフィンガー5で記事タイトル・見出しをカスタマイズする方法については，以下の記事で詳しく解説しています。

会話風吹き出しの設定

ブログの記事のページで会話風吹き出しをうまく取り入れることで，その記事が見やすくなって印象が変わります。

アフィンガー5では，下の画像のような会話風吹き出しを設置して，吹き出しのデザインをカスタマイズすることができます。

会話風吹き出しの設定については，以下の記事で詳しく解説しています。

ヘッダーカードの設定

ブログにヘッダーカードを設定していると，それだけでお洒落なデザインになりますし，ページの上部の目立つ位置に配置されるので，クリックされる確率が上がって，ブログの回遊率が上がるので，ヘッダーカードは設置することをおすすめします。

アフィンガー5では，下の画像のようなイメージのヘッダーカードを設置することができます。

アフィンガー5でヘッダーカードの設置方法については，以下の記事で詳しく解説しています。

記事スライドショーの設定

ブログで記事スライドショーが設置されていることで，ブログのデザインがおしゃれになるだくでなく，気になる記事があるとクリックしてもらえて，回遊率が上がります。

アフィンガー5では，下の画像のようなイメージの記事スライドショーを設置することができます。

アフィンガー5で記事スライドショーを設置する方法については，以下の記事で詳しく解説しています。

ブログカードの設定

ブログカードとは，見た目がアイキャッチ画像の表示されているのカード型のリンクです。

ブログカードを設定することで，デフォルトのテキスト型の外部リンクや内部リンクの見た目が，アイキャッチ画像が表示されるカード型のデザインに変わります。

リンク自体が変わることはありませんが，本来のテキストリンクに比べて見た目が目立ちますので，読者の目を引きやすくなります。

これによって，気になる記事へリンクしてもらえる回数が上がって，ブログの回遊率が上がります。

読者はブログの文章を最初から最後まで全部見ているわけではありませんので，テキストリンクだと気付いてもらえない可能性もありますが，ブログカードにしていると，目に止まりやすくなってクリックしてもらえる確率が上がります。

ヒロシ

アフィンガー5では，下の画像のようなイメージのブログカードを設置とブログカードのデザインをカスタマイズすることができます。

アフィンガー5でブログカードを設置する方法については，以下の記事で詳しく解説しています。

マイボックスのデザイン変更

記事の中で1つのまとまりなどをボックスで囲うと，その箇所が見やすくなります。

読者にとって見やすい記事は，滞在時間が増えて結果的にブログの評価が上がります。

ヒロシ

アフィンガー5では，記事編集ページで「マイボックス」という機能を使うと，色々なパターンのボックスを簡単に設置することが出来ます。

マイボックスの使い方やデザイン変更の方法は，以下の記事で詳しく解説しています。

トップページを2カラムのサイト型に変更

ブログのトップページを整えて，見やすくすることで，読者にとって気になる記事がすぐに見つかりやすくなって，その分クリックされる確率が上がり，ブログ全体の回遊率も上がりますので，綺麗で見やすいサイトにすることをおすすめします。

アフィンガー5では，トップページを2カラム(2列)のサイト型のデザインに変更することができます。

トップページを2カラムのサイト型にした場合のイメージは，下の画像のようになります。

アフィンガー5でトップページを2カラムのサイト型にする方法については，以下の記事で詳しく解説しています。

まとめ

アフィンガー5では，今回の記事で解説した方法の他にもカスタマイズできることは沢山あります。

始めのうちはこんな感じでカスタマイズしていきながら，慣れてきたら必要に応じてカスタマイズをしていって，良いサイトにしていきましょう。

ヒロシ

今回は以上になります。

それではまた！