H2見出しタイトルのカスタマイズ

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

H2見出しタイトルの実際の姿です

↑↑↑上の見出しのことを言っているのです。多分に好き嫌いがある仕様で筆者はこれで良いと思っていますが、一部のユーザー様には、もっと存在感のある見出しタイトル、例えば以下のような見出しなら満足できるのかも知れません。

前記の存在感の無いと思われているH2見出しタイトルを、先ずブルーの背景色を設定し、黒色だった文字色を白色に変更し、見出しの高さを「パディング：５」で太くしてみました。

・文字色：白色
・背景色：ブルー
・高度の設定のパディング：５

使用しているH2見出しタイトルがサイト全体で一つだけだったら、前記の変更設定で事足りるのですが、サイト全体で複数あるH2タイトルを全て同じ仕様で改訂するには一工夫必要です。
即ち、H２見出しタイトル間で「スタイルの継承（コピー）」を実行することに尽きます。

見出しタイトルのスタイルの継承（コピー）について
１．コピー元見出しタイトルのウジェットボタンの上で右クリック
２．「コピー」をクリック
３．コピー先見出しタイトルのウジェットボタンの上で右クリック
４．「スタイルの貼り付け」をクリック

即ち、H2見出しタイトルのスタイルを、コピー元からコピー先に貼り付ける操作が必須となります。その結果、下記のような平凡なＨ２見出しタイトルが、青色背景の白字文字の見出しタイトルに変化することになります。