Twenty Elevenのサイドバーの幅を広げる方法

WordPress3.4の標準テーマの「Twenty Eleven1.4」で確認しました。

style.cssのStructureで始まるところあたりを少し変更することで意外と簡単に可能です。
以下の例で、記事部分が620px、サイドバーが300px程度になります。サイドバーにアドセンスの横幅300pxが配置可能なのは確認しました。

Twenty Elevenは横幅の最大？が1000pxで設定してあるので、30％とすれば300pxとほぼ同じになるわけですね。

style.css

/* =Structure
----------------------------------------------- */
body {
/* 変更前 padding: 0 2em;*/
}
#page {
/*変更前 margin: 2em auto;*/
 margin: 0 auto;
 max-width: 1000px;
}
#branding hgroup {
 margin: 0 7.6%;
}
#access div {
 margin: 0 7.6%;
}
#primary {
 float: left;
 /*変更前 margin: 0 -26.4% 0 0;*/
 margin: 0 -31.4% 0 0;
 width: 100%;
}
#content {
 /*変更前 margin: 0 34% 0 7.6%; */
 /*変更前 width: 58.4%; */
 margin: 0 34% 0 3%;
 width: 63%;
}
#secondary {
 float: right;
 /*変更前 margin-right: 7.6%;*/
 /*変更前 width: 18.8%; */
 margin-right: 1%;
 width: 30%;
}

/* */で囲まれている部分は、コメント扱いになります。
【Twenty Elevenに関連する記事】
・Twenty Elevenにwp-pagenaviの導入方法
・Twenty Eleven の個別記事にサイドバーを表示させる方法
・Twenty Elevenでブログタイトルを画像化する方法
・Twenty Elevenのイメージヘッダー（画像）を削除する方法