賢威のh2タグ（記事タイトル）をカスタマイズする方法

このサイトでは賢威のh2タグ（記事タイトルの見出し）は基本的に、賢威6.0コーポレート版の初期状態のベースのものをそのまま使っています。ですが

 
このように記事タイトルの文字の左側にちょっとした模様（マーク）を入れるだけでも結構、雰囲気が変わってきます。おそらくこれが一番簡単にできるh2タグのカスタマイズなので、ちょっとやり方を解説したいと思います。

まずは見出しに使う画像が必要になります。これはフリー素材集みたいなところからアイコンを探してきてもいいですし、自分で作ってもいいと思います。以下は例です。

 
なおサイズは「横幅 60px」ぐらいになるように用意しておいてください。用意できたら、これを「メディア―＞新規追加」からアップロードします。そのときにアップロード先のURLを覚えておいてください。

次に賢威CSSのh2タグを編集・カスタマイズしていきます。

賢威の管理画面から「外観―＞テーマ編集」をクリックし、「design.css」を選択してください。あとは以下の記述を探してください。

 
ここを以下のように編集していきます。先ほどの画像を「横幅60px」で用意していただいている場合には、下のソースをそのままコピペして使えば、キレイに適用されると思います。

 
これで変更を保存すると、一見地味な記事タイトル(h2タグ)の見出しを、以下のようにカスタマイズ（装飾）することができるようになります。

 
それでは今回は以上になります。