このサイトではWordPress用有料テーマ「THE THOR」を使用しています。
ちょっとしたカスタマイズですぐにブログを始めることができ重宝しています。
見出しのデザインも豊富で、その数なんと53種類！
一つ一つ試すのは大変。なので、一覧にしました。
参考にしていただけると嬉しいです。
目次
見出しの使い分け
見出しは全部で２～５まであります。
基本は２→３→４→５の順で重要度が低くなります。
見出し４のデザインが好きだから、と２や３をすっとばして見出し４を使うのはあまり好ましくないと言われています。
「THE THOR」では各見出しの違いは文字の大きさが変わる程度で、あとは個別にデザインを指定していきます。
基本のデザイン（１種）
基本
[カラーA:文字]
シンプルですね。
以下、デザインが付いた見出しになります。
設定カラーは、カラーA：#000000■（黒）、カラーB：#727272■（濃い灰色）、カラーC：#d6d6d6■（薄い灰色）で揃えています。
時々カラーバリエーションをつけているデザインもあります。
下線付きのデザイン（10種）
下線-基本
[カラーA:文字 B:下線] 基本中の基本デザイン。何にでも使えるオールラウンダー。
下線-2本
[カラーA:文字 B:下線]
下線-1本点線
[カラーA:文字 B:下線] 目を凝らすと点線です。
下線-1本2色
[カラーA:文字 B:下線左 C:下線右] 見出しの文字数によりカラーBの幅も変わります。目を引きます。
下線-マーカー
[カラーA:文字 B:下線]
カラーBの色を変えるとこんな感じ↑
下線-1本矢印
[カラーA:文字 B:下線]
下線-ストライプ
[カラーA:文字 B:下線 C:下線]
カラーBの色を変えるとこんな感じ↑
下線-グラデ
[カラーA:文字 B:下線左 C:下線右]
下線-センター
[カラーA:文字 B:下線]
下線-センター矢印
[カラーA:文字 B:下線]
左にラインのデザイン（４種）
左線-基本
[カラーA:文字 B:左線] よく見ますね。何にでも使えるオールラウンダー。
左下線-基本
[カラーA:文字 B:左線 C:下線] こちらもおなじみのデザイン。少しお堅い系のブログのイメージ。
左下線-下点線
[カラーA:文字 B:左線 C:下線]
左下線-左2色
[カラーA:文字 B:左線上 C:左線下 & 下線]
背景に色がついたデザイン（14種）
背景-基本
[カラーA:文字 B:背景] こちらも何にでも使えるオールラウンダー。色で結構印象が変わります。
背景-下線
[カラーA:文字 B:背景 C:下線]
カラーBとCの色を変えるとこんな感じ↑
背景-左線
[カラーA:文字 B:背景 C:左線]
背景-左下線
[カラーA:文字 B:背景 C:左線] ちょっと盛り上がっています。
背景-吹き出し
[カラーA:文字 B:背景] うちの見出し２はこちらのデザインを使っています。
背景-吹き出し線付
[カラーA:文字 B:背景 C:線]
背景-リボン
[カラーA:文字 B:背景 C:影]
背景-ボックス
[カラーA:文字 B:背景 C:影]
背景-ステッチ
[カラーA:文字 B:背景 C:線] かわいい系のブログでよく見ます。
背景-ストライプ
[カラーA:文字 B:背景 C:背景]
背景-線
[カラーA:文字 B:背景 C:線]
背景-点線角丸
[カラーA:文字 B:背景 C:線]
背景-括弧
[カラーA:文字 B:線] 余白が生かされていて好きです。
背景-はみ出す線
[カラーA:文字 B:線]
背景がグラデーションなデザイン（10種）
グラデ-基本
[カラーA:文字 B:背景 C:背景 & 線]
グラデ-角丸
[カラーA:文字 B:背景 C:背景 & 線]
グラデ-ラウンド
[カラーA:文字 B:背景 C:背景 & 線]
グラデ-シンプル
[カラーA:文字 B:背景 C:背景 & 線]
グラデ-シンプル角丸
[カラーA:文字 B:背景 C:背景 & 線]
グラデ-シンプルラウンド
[カラーA:文字 B:背景 C:背景 & 線]
グラデ-上線(文字黒)
[カラーA:上線 B:背景 C:背景 & 線]
グラデ-上線角丸(文字黒)
[カラーA:上線 B:背景 C:背景 & 線]
グラデ-上線(文字白)
[カラーA:上線 B:背景 C:背景 & 線]
グラデ-上線角丸(文字白)
[カラーA:上線 B:背景 C:背景 & 線]
左にマーク付きのデザイン（14種）
ラインマーク-基本
[カラーA:文字 B:マーク] うちの見出し３のデザインはこちらを使っています。
ラインマーク-背景角丸
[カラーA:文字 & マーク B:背景]
ラインマーク-背景線角丸
[カラーA:文字 & マーク B:背景 C:線]
ラインマーク-グラデ上線(文字黒)
[カラーA:上線 & マーク B:背景 C:背景 & 線]
ラインマーク-グラデ上線(文字白)
[カラーA:上線 & マーク B:背景 C:背景 & 線]
丸マーク-基本
[カラーA:文字 B:マーク]
丸マーク-背景角丸
[カラーA:文字 & マーク B:背景]
丸マーク-背景線角丸
[カラーA:文字 & マーク B:背景 C:線]
丸マーク-グラデ上線(文字黒)
[カラーA:上線 & マーク B:背景 C:背景 & 線]
丸マーク-グラデ上線(文字白)
[カラーA:上線 & マーク B:背景 C:背景 & 線]
先頭大-基本
[カラーA:文字 B:先頭文字]
先頭大-先頭下線
[カラーA:文字 B:先頭文字 & 先頭下線]
先頭大-下線
[カラーA:文字 B:先頭文字 C:下線]
先頭大-線角丸
[カラーA:文字 B:先頭文字 C:線]
以上、53種を一気に掲載しました。
お気に入りのデザインはありましたか？
更にデザインを変えることもできますが、それはまたいずれ。
