SEO対策をしているwebサイトは、記事ごとの流入を狙うのでTOPページデザインより、記事内のレイアウトが重要ですね。
見出しのデザインをこだわるだけでも記事の見え方ががらりと変わりますよ。今回は、サルワカさんのテンプレートを参考に夏らしいターコイズブルーの見出しセットを作ってみました。
吹き出しの見出し
見出し2は大見出しとして使用するので目立つデザインが分かりやすいですね。
ストライプの見出し
見出し3は繰り返すことが多いので、コンパクトなデザインが良いでしょう。
チェックマークの見出し
見出し4まで使う記事もたまにありますよね？あまりしつこくならないようにアイコンだけでも良いかも
チェックマークの見出し
こういう感じで繰り返したときにチェックマークは見やすいですよね
チェックマークの見出し
見出しのデザインカラーは統一するとキレイ。見本はターコイズブルーです。
HTMLテンプレ
CSSテンプレ
- 色を変えたい場合は、#40e0d0部分を変更してください。
- CSSの.tarを削除すると、クラス指定せずに見出しデザインを反映できます。色を変えたい場合は、#40e0d0部分を変更してください。