見出しサンプル

当サイトのWordPressテーマは「Lightning」です。筆者の制作代行で一番多く利用されているテーマでもあります。そのテーマをお客様のサイトに利用した際に、お客様からよく聴かれる「お客様の声」の一つに「見た目の悪いH2見出しタイトルは何とかならないのか？」という声です。

H2見出しの初期イメージが以降の見出しテキスト・パターン(１)になります。

見出しテキストのパターン(１)

H２見出しテキストの初期パターン・イメージです。
見出しの高さが分かるようにグレーの背景色をつけています。
どこが気に入らないのかと言うと見出し文字の上の青い横線だそうです。
何とも邪魔な線で何とかならないのか、即ち、その横線を消して欲しい。

前記のパターン（１）の見出しの高さを、高度な設定のパディング＝10にして、見出しを太くしてみました。但し、見出し文字の大きさは前のままです。
そして例の青い横線は表示されたままです。

タイトルのサイズ＝XL
タイトルのサイズを大きくしても青い横線は依然として表示されたままです。

タイトルのサイズ＝XL、HTMLタグ＝H3
見出しのをH3にして見ると例の横線は消えましたが、今度は見出し文字の下に短い青い横線が出てきました。何ともしつこい見出し仕様に嫌になって、このテーマを変えてくれと言い出す方もいます。

タイトルのサイズ＝XL、HTMLタグ＝H4
それではと見出しタグをH4に変えてみたら、そのうっとしい線が消えました。
ここでやっとのことで、些か神経質なユーザーを納得させることができました。

Xタイトルのサイズ＝XXL、HTMLタグ＝H4
ちなみに見出しのサイズをXXLにしたら、こんなに大きな見出しになりました。