MENU

WordPressのデフォルトテンプレート「Twenty Ten」を3カラム化する方法

  • URLをコピーしました!

とりあえず、見た目をどこかカスタマイズしようと思って、3カラム化に挑戦しました。
まだ、追加したカラムをどのようにいじるか考えていませんが、まずは見た目ってことで。

で、3カラム化する方法です。

style.css の70行目位の以下の部分を下の部分に変更します。

#container {
	float: left;
	margin: 0 -240px 0 0;
	width: 100%;
}
#content {
	margin: 0 280px 0 20px;
}
#primary,
#secondary {
	float: right;
	overflow: hidden;
	width: 220px;
}
#secondary {
	clear: right;
}

↓ このコードと下のコードに変更します。

#container {
	float: left;
	margin: 0;
	width: 100%;
}
#content {
	margin: 0 200px 0 200px;
}
#primary {
	float: left;
	width: 190px;
	margin: 0 0 0 -930px;
}
#secondary {
	float: right;
	width: 190px;
	margin: 0 0 0 -190px;

}

意外に簡単じゃね。

もし、これが上手く行かないようだったら、文句や質問はとりあえず、こちらまで。

よかったらシェアしてね!
  • URLをコピーしました!
目次