【アフィンガー5】見出しデザインのカスタマイズ方法

サラリーマン

・アフィンガー5の見出しデザインをカスタマイズしたい

・どんなカスタマイズができるか知りたい

このような疑問やお悩みにお応えします。

アフィンガー5では、見出しのデザインが豊富で自分の好きなようにカスタマイズができます。

ねこたろす

見出しはH2～H5までありますが、アフィンガー5ならそれぞれにカスタマイズが可能。

本記事では見出しデザインのカスタマイズ方法を、画像付きで分かりやすく解説していきます。

見出しのデザインは、自分のブログを印象づけるものなのでこだわりたいですよね。

4分ほどで読めますので、ぜひ参考にしてみて下さい！

本記事の内容

本記事を書いた人

ねこたろす

アフィンガー5を使って約4カ月です。見出しにもこだわって今のデザインに行きつきました。

アフィンガー5では、デザインテンプレートが用意されていて簡単におしゃれなデザインを実装できます。

デザインテンプレートの種類や使い方を記事にしていますので参考にどうぞ。

見出しデザインのカスタマイズ方法を知りたい人はこちらから（該当部分にジャンプします）

見出しの重要性

ブログでは必ず見出しを設定するべきです。

理由は以下の通り。

ブログの本文が文章の羅列だけだと、読者は離脱しやすくなりますよね。

そこで見出しを使うことによって、文章の構造を分かりやすく伝えることができます。

また、見出しを設定することでSEOでも効果が期待できます。

これはGoogleが検索順位を決める仕組みと大きく関係しています。

参考記事検索エンジンの仕組み｜サイトの検索順位が決まるまでの流れ（外部リンク）

見出しを設定しておくことで、自分のブログの情報をクローラーに正しく伝えることが可能。

ねこたろす

コツは見出しに狙っているキーワードを盛り込んでおくことです。

その結果、SEOでも良い効果が得られる可能性が高まります。

アフィンガー5では、H2、H3、H4、H5の4種類の見出しがありそれぞれのデザインをカスタマイズが可能。

次からは、カスタマイズ方法を解説していきますね！

アフィンガー5の見出しカスタマイズ方法

アフィンガー5の見出しデザインをカスタマイズする方法は以下の通りです。

アフィンガー5では、H2～H5まで自分の好きなようにデザインを変更できます。

ねこたろす

詳しく解説していきますね！

アフィンガー5の見出しカスタマイズ方法
①H2とH3

H2、H3のカスタマイズできる項目は以下の通り。

色の項目

各項目は以下の画像の部分を意味しています。

見出しの色のカスタマイズ項目は上記のような感じです。

ここからは、見出しデザインのカスタマイズ項目を解説していきますね！

吹き出しデザインに変更（※要背景色）

吹き出し下線デザインに変更

ねこたろす

吹き出し下線デザインはEX版のみです！

囲み&左ラインデザインに変更（※要ボーダー色）

2色アンダーラインに変更（※要ボーダー色）

グラデーションアンダーラインに変更（※要ボーダー色）

センターラインに変更（※要ボーダー色）

囲みドットデザインに変更（※要ボーダー色）

ストライプデザインに変更（※要背景色）

破線アンダーラインに変更（※要ボーダー色）

左ラインデザインに変更（※要ボーダー色）

チェック（ボックスタイプ）デザインに変更

なし

テキストを中央寄せ

テキストを左から中央寄せに設定できます。

デザイン幅を一杯に

見出しの幅を画面一杯に設定できます。

背景や吹き出しの角を丸くする

ねこたろす

背景や吹き出しの角を丸くして柔らかい印象に！

グラデーションを横向きにする

横だと、ボーダー色→ボーダー色（サブ）という並びになります。

その他にも、背景画像や余白の設定も可能ですので自分好みにカスタマイズしてくださいね！

ちなみに本ブログの見出しカスタマイズは以下の通りです。

アフィンガー5の見出しカスタマイズ方法
②H4/H5

H4・H5でカスタマイズできる項目は以下の通りです。

ねこたろす

H2/H3よりも項目は少なくなる！

色の項目

ボーダー位置の項目

ねこたろす

左ボーダーが１番目立ちますね！

左/上/下を同時に設定することも可能！

以下からは、見出しデザインのカスタマイズ項目になります。

吹き出しデザインに変更（※要背景色）

耳折れデザインに変更（要背景色）

ねこたろす

右上が耳折れになります！

なし

H2/H3と同じく「背景や吹き出しの角を丸くする」、背景画像や余白も設定可能です。

H4/H5だけのデザインとしては、ふせん風の影をつけることができます。

ちなみに本ブログの見出しカスタマイズは以下の通りです。

さすがにH5は使ったことないですが笑

まとめ：見出しデザインをカスタマイズして独自性を！

本記事の内容をまとめます。

見出しの重要性

アフィンガー5の見出しカスタマイズ方法

見出しのデザインひとつでも、自分のオリジナリティをだすことができます。

例えば、マナブログの見出しのデザインは、マナブログをマナブログたらしめる代名詞と言ってもいいと思います。

本記事を参考に、気に入ったカスタマイズを探してみて下さいね！

それでは！

アフィンガー５のデザインカスタマイズ参考記事