基本的なテーマができたので、カスタマイズを開始しました。
まず、サイドバーの見出しにバナー(自作)を付けました。
つぎに、サイドバーの項目(箇条書き)の、先頭にイメージファイルを設定しました。
スタイルシートの中は次のようになりました。
ローカルでテストして、結果を試してからスタイルシートをそっくり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; }