テーマの解説（英語）	Twenty Eleven — WordPress.com
〃（日本語）	テーマ「Twenty Eleven」の補足解説 | comemo 噂の「WordPress 3.2 の新機能」を体験せよ！ | Odysseygate.com *1 WordBench 東京勉強会プレゼン資料をアップしました | Odysseygate.com*3
デモ（英語）	The Twenty Eleven Theme | Just another WordPress.com site
〃（日本語）	Twenty Eleven | Just another WordPress.com site
更新情報（英語）	New Theme: Twenty Eleven — Blog — WordPress.com
〃（日本語）	新テーマ: Twenty Eleven — ブログ — WordPress.com
ソースコード	Revision 6288: /twentyeleven Twenty Eleven テーマ内の説明を日本語訳しました | Odysseygate.com*2

*1：なかほどから「Twenty Eleven」の説明があります。
*2：ソースコード中の説明文を日本語に訳してくれております。
*3：スライドを使って、「Twenty Eleven」のしくみなどをとてもわかりやすく説明しています。

設定のバリエーション

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

Showcase Template | Twenty Eleven デモ

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

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

レイアウトを変更することができます。（デフォルト＋２種類＋Showcase Template）

左サイドバー

１カラム

Showcase Template

リンクの色を変更することができます。

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

ヘッダー画像を変更することができます（８種類）。また、任意の画像と差し替えたり、ヘッダー画像を削除することができます。

なお、以下のサイトより、Twenty Eleven専用のヘッダー画像が配布されております。

仕事にヒント – WordPress Twenty Elevenカスタムヘッダー用画像

CSS編集のバリエーション

子テーマ「hanoi」

ヘッダーなどが横いっぱいに広がっているテーマです。

css｜デモ

アーカイブ表示でのフッター部分の削除

以下の CSS を追加すると、

.archive #supplementary {
display:none;
}

アーカイブ表示（月毎、カテゴリー毎等での投稿記事の時系列一覧表示）のときにフッター部分が削除されます。

デモ

カテゴリーのボックス化

以下のCSSを追加すると

#secondary aside {
padding:30px 0 0;
}

aside[id*=categories] ol,aside[id*=categories] ul {
list-style:none outside none;
}

aside[id*=categories] li:hover,aside[id*=categories] li.hover {
position:static;
}

aside[id*=categories] li {
float:left;
clear:both;
padding:10px 15px;
}

aside[id*=categories] li ul li,aside[id*=categories] li {
background-image:url('http://comemo508.files.wordpress.com/2012/03/lzk8cl.png');
background-repeat:repeat-x;
background-position:0 90%;
box-shadow:rgba(0,0,0,0.4) 0 1px 2px;
line-height:26px;
width:15em;
}

aside[id*=categories] li:hover {
background-image:url('http://comemo508.files.wordpress.com/2012/03/lzk8cl.png');
background-repeat:repeat-x;
background-position:0 10%;
}

aside[id*=categories] a {
color:#cccccc;
}

aside[id*=categories] li:hover > a {
color:#373737;
}

aside[id*=categories] ul li ul li {
border:medium none;
line-height:36px;
margin:8px 0 -8px 15px;
padding:5px 0 5px 10px;
}

aside[id*=categories] ul li ul li ul li {
margin:0 0 0 15px;
}

aside[id*=categories] li ul li a {
border:0 none;
line-height:36px;
margin:-10px 0;
}

aside[id*=categories] li ul {
left:-999em;
position:absolute;
width:12em;
}

aside[id*=categories] li:hover ul,aside[id*=categories] li li:hover ul {
left:-999em;
}

aside[id*=categories] li:hover ul.sub-menu li ul.sub-menu {
left:-999em;
}

aside[id*=categories] li ul.sub-menu li:hover ul.sub-menu {
left:-999em;
}

カテゴリーがボックス状になります。

Twenty Eleven デモ | Just another WordPress.com site

Twenty Eleven のCSSカスタマイズ | Just another WordPress site

大カテゴリーのボックス化

テーマ「Twenty Eleven」のカテゴリーを大カテゴリー毎にボックス分割するためのCSS | comemo

ウィジェットに枠をつける

• テーマ「Twenty Eleven」のウィジェットに枠をつけるためのCSS | comemo
• WordPress.com のテーマ「Twenty Eleven 」のカスタムメニューウィジェットに枠をつけるためのCSS | comemo