[WordPress]サイドバーと記事の幅を変更

記事が横に広がりすぎてて読みにくかったし、人気のブログとかだいたい記事の幅が狭くてサイドバーは広めなんでサイドバーの色を変えたついでに真似してみました。

スタイルシート(style.css)はこういう感じです。

.site-content {
	float: left;
	margin: 0 -36% 0 0;
	width: 100%;
}
#content {
	margin: 0 36% 0 0;
	padding: 1.6em 15px 15px 15px;
}
#secondary { /* Sidebar 1 */
	float: right;
	overflow: hidden;
	padding: 1.6em 5px 0 5px;
	width: 34%;
	background-color:#EEE8AA
}
.site-footer {
	clear: both;
	width: 100%;
}

％とかemとかpxとか混じっててややこしいですが、微調整する時めんどくさかったのでこうしました。
図にするとこんな感じだと思います。

％の比率が丁度良くないとサイドバーが消えたりするので、いろいろ試しながらがんばってください。

こちらの記事を参考がもっと詳しくて参考になると思います。
Twenty Elevenのサイドバーのサイズを調節するために。｜むーさんブログ

ちなみにサイドバーにサムネ付きで人気記事貼ったら直帰率めちゃめちゃ下がってびびりました。
オススメです。