☆Movable Type 4.1 で小粋空間さんのテンプレートを使ってみる

| コメント(0) | トラックバック(0)

 小粋空間さんのテンプレートを使ってみるのは初めてです。テンプレート適用は、簡単でした。できたブログを見てみましたが、なかなかしっかりした作りがされています。3カラムのもので、コメントもトラックバックも表示されます。別に手を加えていないのにコメントもトラックバックも表示されるのにはビックリしました。Movable Type 4.x では、これが当たり前のようです。

 3カラムは、私の好みではないので、右サイドバーの2カラムにカスタマイズする方法をここに記しておきます。備忘録という事で。

 2カラムにする方法がわからなかったのですが、いろいろ情報を探っていくと、現時点(2008/02/02)で、各テンプレート(インデックステンプレートの「メインページ」、アーカイブテンプレートの「Blog Entry Listing」「ウェブページ」「ブログ記事」)から、
<$MTInclude module="サイドバー2"$>
を削除すればいいこと。

スタイルシートを変更

/* 3カラム固定レイアウト幅 */
.layout-three-column #box {
width: 850px;
}

/* 3カラム固定レイアウト */
.layout-three-column #content {
float: left;
width: 478px;
border-bottom: 1px solid #669;
border-left: 1px solid #669;
border-right: 1px solid #669;
}
.layout-three-column #links-left-box,
.layout-three-column #links-right-box {
float: left;
width: 185px;
}

.layout-three-column #footer {
width: 850px;
}

 黄色くマークした数字のうち 850px を、665px に変更すれば、一応完了。665px というのは、478px + 185px +2px = 665px という関係から出てくる数字です。2px というのは、サイドバーとの境界を示す縦線の分です。記事の部分は、550px はほしい。サイドバーも 220px はいる。そうすると 550px + 220px + 2px=772px この数値を 850px と置き換えればよし。もちろん、478px を 550px に、185px を 220px に置き換える。

更に、「サイドバー2」の内容を「サイドバー」にコピーする。コピーする時注意する事は、「サイドバー2」の内容で、一番上の2行
<div id="links-left-box">
<dl id="links-left">
と一番最後の2行
</dl>
</div>
を削除して「サイドバー」にコピーする事。入れ子構造も考慮する事。

 最後に、再構築すること。

追記 2008/02/10] ここに書いたやり方は、やや変則的なやり方です。あくまでも3カラムの css の記述を使って設定しています。2カラムなのに css は、3カラムを使っている!!

この記事と同じカテゴリの記事

トラックバック(0)

トラックバックURL: http://flowerwind.sakura.ne.jp/mt5/mt-tb.cgi/233

コメントする

このブログ記事について

« 前の記事|ホーム|次の記事 »

このページは、理恵が2008年2月 3日 01:18に書いたブログ記事です。

ひとつ前のブログ記事は「☆札幌野鳥カレンダー」です。

次のブログ記事は「☆『WordPress 2.2 でつくる最強のブログサイト』株式会社ソーテック社刊」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

アーカイブ

ステータス

ブログ記事: 1547
コメント: 377
トラックバック: 185


最終更新日:2012/01/21 17:39:37

OpenID対応しています OpenIDについて
Powered by Movable Type 5.06