AFFINGER5の見出しデザイン色々【設定方法＆サンプル紹介】

AFFINGER5の見出しデザインの設定方法について解説していきます。

また、真似するだけで使える見出しデザインのサンプルもいくつか用意しました。

こんな人のお役に立てる記事です。

小豆

AFFINGER5で作られているブログって、どれも見出しのデザインがお洒落でカッコいい。
自分のブログもそうしたい！
設定方法や、コピペで使える見出しデザインを教えて。

【設定方法】AFFINGER5なら見出しデザインも思い通り

見出しのデザインって、実は思っている以上に重要なポイントなんですよね。

というのも、ブログを訪れたユーザーが最初に目を通すのが「目次」と「見出し」だから。

多くのユーザーは「目次」と「見出し」をサッと見ただけで、その記事を読むか読まないかを判断しているんですよね。

となれば、見出しデザインにはやっぱりこだわりたいものです。

AFFINGER5ならユーザーの目を惹くデザインの見出しが簡単に作れます。

見出しデザインの設定方法

まずはその設定方法から。

デフォルトの状態から思い通りの見出しデザインに変更するには、以下の方法で設定をします。

見出しデザインサンプル集【真似してすぐ使える】

それぞれテイストの異なるデザインの見出しをいくつか作ってみました。

シンプルな見出し

スッキリデザインの見出し

カラフルな見出し

POPな見出し

オリジナルデザイン

外部から画像を取り込んで見出し背景に設定することも可能です。

思い通りデザインの見出しを自分で作る手順

以下の手順通りに進めると、自分だけのオリジナルデザインの見出しが作りやすくなります。

大福

この方法なら、出来上がりイメージを随時確認しながら見出しを作っていくことができるんだ。

step
1サンプルページを用意する

まずはサンプルページを作成。

step
2カスタマイズ設定を開いてサンプルページを表示する

step
3完成イメージを確認しながら見出しデザインを決めていく

公開設定した記事を「下書き」に戻そう

大福

見出しの設定が終了したら、プレビュー用に公開設定した記事を忘れずに下書きに戻そう。

まとめ：お気に入りデザインの見出しでモチベーションアップ

見出しのデザインはブログを訪れてくれるユーザーにとっても重要ですが、実は自分にとっても大切。

だって、自分好みの見出しを見るだけでなんだかテンションが上がりませんか？

大福

う～ん、見た目の良い記事だなぁ。

ちょっと恥ずかしいですが、僕の場合は作り終わった自分の記事を見ては自画自賛しています。

基本独りぼっちの孤独なブログ作業を続けていくには、こんな風にモチベーションを上げていくことも重要ですよね。

AFFINGER5関連の記事一覧はこちらからどうぞ。

AFFINGER6の購入を検討中の人は、こちらの記事を参考にしてください。

AFFINGER利用者向けオリジナル特典の販売

＼ AFFINGER6にも対応済み ／

AFFINGERをすでに利用しているユーザー向けの「カスタマイズ＆役立つテクニック」集です。

目的に合わせて、以下の2つを用意しました。

特典詳細ページへ移動する