テーマの解説（英語）	Nishita — WordPress.com
〃（日本語）	－
デモ（英語）	Nishita Theme Demo
〃（日本語）	Nishita
更新情報（英語）	New Theme- Nishita — Blog — WordPress.com
〃（日本語）	－
ソースコード	Revision 7432- -nishita

設定のバリエーション

４つのウィジェットエリアがあります。

サイドバーのウィジェットエリアにウィジェットを設定すると、サイドバーが表示されます。（言い換えると、「サイドバーのウィジェットエリアにウィジェットを設定しなかった場合、通常、ある特定のウィジェットが表示されますが、テーマ「Nishita」の場合、サイドバーが表示されなくなります。」となります。）

１つのメニューエリアがあります。

テーマカラーを変更することができます。（デフォルト＋１種類）

レイアウトを変更することができます。（幅がせまくなるバージョンがあります。）（デフォルト＋１種類）

背景を変更することができます。

ヘッダー画像を設定することができます。

CSS編集のバリエーション

以下のCSSを追加すると

li[id*=categories] h4.widget-title {
background-color:#CCC;
text-align:center;
font-size:14px;
color:#555;
border:none;
margin:-10px -10px 0;
padding:10px 0;
}

#sidebar-footer-wrapper li[id*=categories],#sidebar li[id*=categories] {
margin:15px 0;
padding:10px 10px 0;
}

li[id*=categories] {
border:5px solid #CCC;
border-radius:5px;
}

li[id*=categories] ul li {
list-style:none;
}

li[id*=categories] ul {
padding:5px 7px 12px;
}

li[id*=categories] ul > li {
border-bottom:1px dotted gray;
line-height:3;
}

li[id*=categories] ul > li > ul li {
border-bottom:none;
line-height:2;
}

li[id*=recent-post] h4.widget-title {
background-color:#CCC;
text-align:center;
font-size:14px;
color:#555;
border:none;
margin:-10px -10px 0;
padding:10px 0;
}

#sidebar-footer-wrapper li[id*=recent-post],#sidebar li[id*=recent-post] {
margin:15px 0;
padding:10px 10px 0;
}

li[id*=recent-post] {
border:5px solid #CCC;
border-radius:5px;
}

li[id*=recent-post] ul li {
list-style:none;
}

li[id*=recent-post] ul {
padding:5px 7px 12px;
}

li[id*=recent-post] ul > li {
border-bottom:1px dotted gray;
line-height:3;
}

li[id*=recent-comments] h4.widget-title {
background-color:#CCC;
text-align:center;
font-size:14px;
color:#555;
border:none;
margin:-10px -10px 0;
padding:10px 0;
}

#sidebar-footer-wrapper li[id*=recent-comments],#sidebar li[id*=recent-comments] {
margin:15px 0;
padding:10px 10px 0;
}

li[id*=recent-comments] {
border:5px solid #CCC;
border-radius:5px;
}

li[id*=recent-comments] ul li {
list-style:none;
}

li[id*=recent-comments] ul {
padding:5px 7px 12px;
}

li[id*=recent-comments] ul > li {
border-bottom:1px dotted gray;
line-height:2;
}

.widget-area ul li[id*=recent-comments] ul li {
line-height:1;
padding:7px 0;
}

li[id*=archives] h4.widget-title {
background-color:#CCC;
text-align:center;
font-size:14px;
color:#555;
border:none;
margin:-10px -10px 0;
padding:10px 0;
}

#sidebar-footer-wrapper li[id*=archives],#sidebar li[id*=archives] {
margin:15px 0;
padding:10px 10px 0;
}

li[id*=archives] {
border:5px solid #CCC;
border-radius:5px;
}

li[id*=archives] ul li {
list-style:none;
}

li[id*=archives] ul {
padding:5px 7px 12px;
}

li[id*=archives] ul > li {
border-bottom:1px dotted gray;
line-height:2;
}

li[id*=meta] h4.widget-title {
background-color:#CCC;
text-align:center;
font-size:14px;
color:#555;
border:none;
margin:-10px -10px 0;
padding:10px 0;
}

#sidebar-footer-wrapper li[id*=meta],#sidebar li[id*=meta] {
margin:15px 0;
padding:10px 10px 0;
}

li[id*=meta] {
border:5px solid #CCC;
border-radius:5px;
}

li[id*=meta] ul li {
list-style:none;
}

li[id*=meta] ul {
padding:5px 7px;
}

li[id*=meta] ul > li {
line-height:1.7;
}

li[id*=linkcat] h4.widget-title {
background-color:#CCC;
text-align:center;
font-size:14px;
color:#555;
border:none;
margin:-10px -10px 0;
padding:10px 0;
}

#sidebar-footer-wrapper li[id*=linkcat],#sidebar li[id*=linkcat] {
margin:15px 0;
padding:10px 10px 0;
}

li[id*=linkcat] {
border:5px solid #CCC;
border-radius:5px;
}

li[id*=linkcat] ul li {
list-style:none;
}

li[id*=linkcat] ul {
padding:5px 7px 12px;
}

li[id*=linkcat] ul > li {
border-bottom:1px dotted gray;
line-height:2;
}

li[id*=rss] h4.widget-title {
background-color:#CCC;
text-align:center;
font-size:14px;
color:#555;
border:none;
margin:-10px -10px 0;
padding:10px 0;
}

#sidebar-footer-wrapper li[id*=rss],#sidebar li[id*=rss] {
margin:15px 0;
padding:10px 10px 0;
}

li[id*=rss] {
border:5px solid #CCC;
border-radius:5px;
}

li[id*=rss] ul li {
list-style:none;
}

li[id*=rss] ul {
padding:5px 7px 12px;
}

li[id*=rss] ul > li {
border-bottom:1px dotted gray;
line-height:2;
}

.widget-area ul li[id*=rss] ul li {
line-height:1;
padding:7px 0;
}

ウィジェットに枠がつきます。

demo

demo