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のイメージヘッダー(画像)を削除する方法
スポンサーリンク
コメント一覧
名前:Twenty Elevenのサイドバーの幅を広げる | ブラックバスを引っ張り出せ! :
[...] Twenty Elevenのサイドバーの幅を広げる方法 | 某氏の猫空 [...]
2013/05/17 22:20
名前:【WordPress】Twenty Elevenのサイドバーの幅を広げる方法がやっと見つかった | SOUTAI 40代で早期退職 :
[…] Twenty Elevenのサイドバーの幅を広げる方法(某氏の虚空) […]
2013/09/29 23:00