テンプレートを3カラム可変から固定へ変更
小粋空間さんの3カラム可変と3カラム固定を切り替えるを参考にさせていただき、タイトルのとおりテンプレートを変更しました。色々いじってみたので、内容を忘れないようにメモ。
１．メインページ／カテゴリー・アーカイブ／日付アーカイブ／個別エントリーアーカイブ／コメント・プレビュー／コメント・エラーのそれぞれのテンプレートを下記のように変更
・<body> →<body class="layout-three-column">・<div id="links-left">と<div id="links-right">の上に<div id="links-left-box">、<div id="links-right-box">をそれぞれ追加。
・左カラム、右カラムの終わりに</div>をひとつ追加。上で<div>をひとつ加えてますから、その分の追加ですね。
２．スタイルシートの変更
・#box{}、#content{}、#container{}の部分を削除。・小粋空間さんとこのMovable Type 3.2 テンプレートに掲載してあるスタイルシートのなかから下記を抽出する。
/* 3カラム用 */
body.layout-three-column,
body.layout-two-column-left,
body.layout-two-column-right,
body.layout-one-column {
margin-bottom: 20px;
text-align: center;
background: #36414d;
}
.layout-three-column #container,
.layout-two-column-left #container,
.layout-two-column-right #container {
margin-bottom: 10px;
}
.layout-three-column #box {
width: 850px;
margin-right: auto;
margin-left: auto;
padding: 0 0 15px 0;
border-bottom: 1px solid #666699;
border-left: 1px solid #666699;
border-right: 1px solid #666699;
text-align: left;
background-color: #ffffff;
}.layout-three-column #content {
float: left;
width: 478px;
margin: 0 0 10px 0;
border-bottom: 1px solid #666699;
border-left: 1px solid #666699;
border-right: 1px solid #666699;
}
.layout-three-column #links-left-box,
.layout-three-column #links-right-box {
float: left;
width: 185px;
}
.layout-three-column #links-left,
.layout-three-column #links-right {
padding: 15px 15px 0 15px;
color: #ffffff;
}・スタイルシートから#links-right{}と#links-left{}の部分を削除し、上記の貼り付け。
・すべて再構築を実行
以上です。
