基本的なテーマができたので、カスタマイズを開始しました。
まず、サイドバーの見出しにバナー(自作)を付けました。
つぎに、サイドバーの項目(箇条書き)の、先頭にイメージファイルを設定しました。
スタイルシートの中は次のようになりました。
ローカルでテストして、結果を試してからスタイルシートをそっくりWebサイトに転送しています。
Webサイトでもテーマの編集は可能ですが、CSSで書いたものをすぐに確認できるという意味では、ローカルサイトがやりやすいです。
div#sidebar h2{
font-size: 0.75em;
color: #666666;
padding-bottom: 8px;
background-image: url(./images/titlebar.png);
background-repeat: no-repeat;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
padding-left:25px;
padding-top: 4px;
}