Movable Type 3.1x 2カラム テンプレート(サイズ固定・右メニュー)

Movable Type 3.1x 2カラム テンプレート(サイズ固定・右メニュー)

Posted at March 14,2005 11:59 PM
Tag:[MovableType, Template]

Movable Type 3.1x 2カラム テンプレート(サイズ固定・右メニュー)Movable Type 3.1x用の2カラムテンプレートで、サイズ固定の右メニュー版です(左メニュー版はこちらからどうぞ)。日本語版での動作確認バージョンは、3.151-ja/3.17-ja/3.171-jaです。ご利用の前にテンプレートのページをご覧くださいますよう、お願い致します。

画像の通り、デフォルトテンプレートと同じようにカラムの両脇および下に背景が存在します(画像をクリックすると原寸大の画面がポップアップします)。
サイドメニューのカテゴリーリストはデフォルトテンプレートではツリー表示になっていますが、本テンプレートでは一覧表示する設定に変更しています(カテゴリーのページにジャンプした時に該当カテゴリー配下しか表示されないため)。なおツリー表示の設定もカスタマイズした状態でコメントアウトしていますので適宜入れ替えてください。

テンプレートご利用時、下記に示すスタイルシート1行目の文字コード(青色部分)をウェブログの文字コード(mt.cfgのPublishCharsetに指定された文字コード)に合わせてください。初期値は Movable Type デフォルトの"UTF-8"に設定しています。他の文字コードを設定されている場合は"euc-jp"または"Shift_JIS"に変更してください。

@charset "utf-8"; /* 文字コード */

カレンダーは日別アーカイブにリンクさせていますので、テンプレート入れ替え後(前でもいいです)に管理メニュー左下の「ウェブログの設定」をクリック→次ページ右上の「アーカイブの設定」をクリック→次ページの真中あたりの「アーカイブ」欄の「日別」にチェックを入れて再構築してください。

カラム幅を変更する場合はスタイルシートの下記の部分を適宜変更してください。

#box {
    width: 700px; ←2カラム全体の幅
}
 
#content {
    width: 514px; ←中央カラムの幅(右border分の1px差し引く)
}
 
 
#links-left{
    width : 155px ; ←右カラムのテキスト幅
}

値は、

全体の幅 = (中央カラム幅 + 1) + (右カラムのテキスト幅 + (15*2))

となるように設定してください。右カラムの15*2はメニューカラム全体とテキストとのパディングです。右辺が左辺の値を超えるとカラムがずれますのでご注意ください。

個別エントリーアーカイブ等を1カラムにされる場合やポップアップを利用される場合は下記のエントリーにあるテンプレートを抜粋してご利用ください。

Movable Type 3.0x/3.1x 3カラム テンプレート(サイズ固定)

不明な点または不具合等ございましたらご連絡ください。なお本テンプレートはスタティックページでのみ確認しています(ダイナミックページ動作環境が構築できておりません)。ダイナミックページに関する問題については他のサイトにてご確認ください。

スタイルシート

メインページ

カテゴリーアーカイブ

日付アーカイブ

個別エントリーアーカイブ(1カラム:3.17-ja以降)
3.17-ja より Typekey 関連のタグが変更になっています。
変更箇所の詳細は「Movable Type 3.17-ja 個別エントリーアーカイブの変更点について」をご覧ください。

個別エントリーアーカイブ(1カラム:3.151-ja以前)

コメント・プレビュー

コメント・エラー

2005.08.11 追記
個別エントリーアーカイブに3.17-ja?用を追加しました(1カラム用)。またIE6の後方互換モードによる解釈誤り(text-align および width と padding の分離)を対処しました。

関連記事
トラックバックURL


トラックバック

2カラム テンプレート from Cool Gaming ! weBlog
Movable Type 3.1x 2カラム テンプレート(サイズ固定・右メニュ... [続きを読む]

Tracked on March 16, 2005 4:27 PM

2カラム テンプレート from Cool Gaming ! weBlog
Movable Type 3.1x 2カラム テンプレート(サイズ固定・右メニュ... [続きを読む]

Tracked on March 18, 2005 3:20 PM

リアルタイムカレンダー(横型・月送り)導入 from et [えっと] きまぐれぶろぐ
3/14のエントリー分に引き続き、 「小粋空間」様にて2カラムテンプレの、右サイ... [続きを読む]

Tracked on March 21, 2005 11:19 AM

テンプレートの設定 from 今日まで、そして明日から。-3rd spiral-
MTのバージョンアップ後にテンプレートの設定をしました。これまでのサイトでは二段組み(左側に本文、右側にメニュー)にしていて、これに慣れていたので今回もこのスタ... [続きを読む]

Tracked on March 22, 2005 8:51 PM

カスタマイズ中 from Petite*Maison的日記
昨日からテンプレ使ってこの日記をリニュ中なのだけど・・・ なんだか表示がおかしい... [続きを読む]

Tracked on March 28, 2005 12:51 AM

模様替え from nekoの部屋
 テンプレ模様替え。前々から、放置してるというか倉庫状態になってるギャラリー・テ... [続きを読む]

Tracked on April 6, 2005 6:01 PM

カスタマイズ覚え書き from K'S GARDEN
このブログのテンプレートは 小粋空間:2カラム テンプレート(サイズ固定・右メニ... [続きを読む]

Tracked on April 7, 2005 11:36 PM

3カラム テンプレート(サイズ固定)に変更 from Harry's Blog
今までDr.Blogのテンプレートを使ってましたが、MovableTypeのこと... [続きを読む]

Tracked on April 9, 2005 1:51 PM

サイトまるまるMT化メモ 2.小粋空間様のテンプレ利用 from KillerPierce
前の日記オンリーだったときから、小粋空間様が紹介するいろんなカスタマイズを利用し... [続きを読む]

Tracked on April 9, 2005 8:49 PM

近況報告 from ch@yalog
パタと更新が止まってましてすいませんです。元々日記と感想の両BLOGしか稼動して... [続きを読む]

Tracked on June 6, 2005 11:40 PM

スタイル再度変更中(汗 from Sampei's Private Room
えー、最近つけたばっかのスタイルがあまり歓迎されていないようなので、変更します・・・・。 今度のスタイルは人気の「小粋空間」さんの2カラムにしてみます。 正直色... [続きを読む]

Tracked on June 9, 2005 3:36 AM

MTカスタマイズ関連、そろそろ書いとけっ!【リニューアル編】 from PHAT∴LOVESICK
■この度、リニューアル作業と共に色々とお世話になりました<(_ _)> [続きを読む]

Tracked on June 10, 2005 10:28 PM

テンプレートのご利用 from FootPrint
あぁ〓でもない、こぉ〓でもないと、試行錯誤を重ねましたが(嘘) やっぱり小粋空間... [続きを読む]

Tracked on June 13, 2005 9:55 AM

3カラム→2カラムへ from 幻想バイオレンス
思い出せるだけとりあえず書いてみる。 今回も小粋空間様のテンプレートを使わせてい... [続きを読む]

Tracked on July 21, 2005 11:48 PM

2カラムに変更 from SnowDrop
久々にブログのデザインを大幅に変更しました。 ブログを始めて以来、ココログ時代も別アドレスでMT使ってやってたときも、え... [続きを読む]

Tracked on July 23, 2005 8:19 AM

テンプレートを変えました from AF系製薬 Web出張版
もうおとといの話になりますが、テンプレートを変えました。 以前のは、どうにもカスタマイズしにくかったのが原因の1つ。 それと、テーブルを使用したくなかったからな... [続きを読む]

Tracked on July 30, 2005 9:55 PM

スタイル決定 from 童貞Game...
うん・・・僕気づいちゃったんだ・・・。 僕の力じゃMTを理解し、HTMLやCSS... [続きを読む]

Tracked on August 16, 2005 7:54 AM

Movable Type設置完了! from 男の子育児?【悩みながらも、楽しい男の子育児】
... [続きを読む]

Tracked on August 26, 2005 4:05 PM

3カラム→2カラムへ from 幻想バイオレンス
思い出せるだけとりあえず書いてみる。 今回も小粋空間様のテンプレートを使わせてい... [続きを読む]

Tracked on April 29, 2006 11:35 AM
コメント

こんにちわー。
次回の衣替え(って、またやるのか)には、是非導入させていただきたいと思います。
しかしテンプレートをつくる作業って大変なんですねぇ・・・。スタイルシート作る作業で痛感した次第であります・・・。

[1] Posted by GANGSTA : March 15, 2005 9:53 AM

右メニュだ! 
いつもありがとうございます。 お疲れ様でした。

先にDLさせてもらった分で2カラムに変身してみました。右メニュです。
上手く出来ているのかどうか? すぐに分からないところがなんとも。。^_^;

[2] Posted by miaow : March 15, 2005 1:01 PM

こんちわ?
いつも、お世話になりまくっています。
右メニュー使わせて頂きま?す♪
ぼちぼち弄ります。

[3] Posted by 真希 : March 15, 2005 2:30 PM

>GANGSTAさん
こんばんはー。
ありがとうございます。気が向いたら試着してやってください(笑)。
今回は3カラム版からの軽微な変更なのでかなり楽させてもらいました。

>miaowさん
こんばんは。
早速のご利用ありがとうございます!
うまくできたようで良かったです。
プチログは大丈夫でしょうか?(私はJcodeでひっかかって断念…)

>真希さん
こんばんはー。
どうもありがとうございます!
ご報告お待ち申し上げます。

[4] Posted by yujiro : March 15, 2005 11:07 PM

こんにちは。
見て頂いてありがとうございます。
バナーを春仕様にしたいのに写真がなくてそのまま、代わり映えしませんね。(笑)
そー、プチログは よく分からないんですが表示が若干ズレるんです。
何かおかしなことをしてしまってるのかも知れません…。(・_・、) グスン

[5] Posted by miaow : March 16, 2005 8:23 AM

頂きました。ありがとうございました。なんかわからんことがあったら聞くかも知れませんのでよろしくです!

[6] Posted by Kin : March 16, 2005 4:28 PM

>Kinさん
こんばんはー。
ごぶさたしてます。
このたびは2カラムご利用&トラックバックありがとうございました!

はい、ご不明な点がございましたらどしどしご質問ください(問題なさそうですが)。

[7] Posted by yujiro : March 17, 2005 1:04 AM

>miaowさん
こんばんはー。
なるほどバナーの模様替えですね。
そういえば寒さも少し和らいで、もうすぐ春ですね。

ちなみに私はプチログがそもそもよく分かってません(笑)。

[8] Posted by yujiro : March 17, 2005 1:21 AM

多重TBを送ってしまいました。
申し訳ないです。
よいテンプレをどうも有り難うございます。
ありがたく使わせていただきます。

[9] Posted by neko : April 7, 2005 3:11 AM

>nekoさん
こんばんは。
テンプレートご利用ありがとうございます。

またTB重複ご連絡ありがとうございました。
遅くなりましたが重複分削除しておきました。どうぞお気遣いなく。

それでは今後ともどうぞよろしくお願い致します。

[10] Posted by yujiro : April 8, 2005 12:29 AM

初めまして、こんにちわm(__)m
テンプレートを利用させて頂きました。
いつも色々と参考にさせて頂いてます^^
更新の方、楽しみにしてます。
ありがとうございましたm(__)m

[11] Posted by ふくみみ : April 18, 2005 11:27 AM

おはつです、こちらのテンプレート2カラムを使わせていただいてます。

チョット質問なんですけど、カテゴリー名に日本語を使用するにあたって、「MTCategoryDescription」でカテゴリー名を設定していますが、これだとカテゴリーアーカイブの「The list of""」の表示が「MTCategoryLabel」で付けた英語表記で「アーカイブタイトル」が表示されてしまいます。

この表示を日本語で表示するためには「MTCategoryLabel」に日本語で設定する以外方法はないでしょうか?

自分が望んでるのは、
カテゴリーアーカイブのファイル名=英語
カテゴリーアーカイブの「The list of"xx"」=日本語
にしたいのです。

[12] Posted by takeo25jp : April 19, 2005 5:03 PM

>ふくみみさん
はじめまして。
以前からBPに登録くださっていた方ですね。
このたびはテンプレートご利用&ご連絡ありがとうございます。(^^
それでは今後ともどうぞよろしくお願い致します。

>takeo25jpさん
はじめまして。
テンプレートご利用&ご連絡ありがとうございます。
ご質問の件は先ほどエントリーにあげさせて頂きましたが MTCategoryDescription が使えますのでタグを置き換えてやってください。

以上です。
それではどうぞよろしくお願い致します。

[13] Posted by yujiro : April 20, 2005 12:19 AM

こんにちはw
里帰りしていらっしゃる間に「できるかな?」のノリでこちらの3.1×2カラム(サイズ固定・右メニュー)お借りしました。アップまでまだまだ日がかかりそうですが…ご報告まで。ちょくちょくお勉強によります。

[14] Posted by kawazu : May 5, 2005 7:40 PM

>kawazuさん
こんばんは。
ご返事遅くなってすいません。

テンプレートご利用くださりありがとうございました!
開設の折には是非URLをご連絡ください。
それではどうぞよろしくお願い致します。

[15] Posted by yujiro : May 8, 2005 11:28 PM

yujiroさん、。・∀・)ノ゛ こんにちわ。
そしてお久しぶりです。grumbleのやむです。
先日はエラーの件で大変お世話になりました。
それから1周年おめでとうございますヽ(゚▽゚)(゚▽゚)o∠※PAN!。.:*:・'゚☆。.:*:・'゚★゚'・:*
これからもブログカスタマイズに悩むワタシたちのために頑張ってください。

ということで今日もワタシ悩んでおります。
今更って思うでしょうが、「最近のコメント」のことなんです。
コメントしてくれた方の名前をクリックで、個別ページ内のその方のコメントに飛ぶはずですよね?
うち、そうならないんです。
前からずっと気になってたんですが、今日まで後回しにしてました。
でもどうしても気になったので、個別ページと最近のコメントのソースを見比べてみたのです。
それでお聞きしたいんですが個別ページのところにある
<a id="c<$MTCommentID$>" name="c<$MTCommentID$>"></a>
の"c"はあってよいのですか?
気になって削除して保存再構築してみたところ、ページ内のリンクされたコメントに飛びました。
でも他の方のブログのようにすんなり出たわけじゃないのです。
一度ページ上部分が表示された直後コメントに移動でした。
この場合、どうしたらよいのでしょうか?

[16] Posted by yum : May 24, 2005 4:08 PM

>yumさん
こんばんは。ごぶさたしてます。
1周年のお言葉、ありがとうございます!

ご質問の件ですが、個別エントリーアーカイブページのコメント部分へのジャンプにつきましては、以前テンプレートでアンカー指定の誤りがあり、修正した経緯があります。関連記事は

テンプレートのアンカー修正

です。
記事の通り、修正後は <$MTCommentID$> の前に "c" をつけて、"c<$MTCommentID$>" としました。現状まだ付与もれがありましたらすいませんが再度ご指摘ください。

"c" は現状ついていなくても大丈夫と思いますが、リンク元(=「最近のコメント」のコメント者のURL)とリンク先(=個別エントリーアーカイブのアンカー名)で id 属性名が一致していることが必要です。また id 属性値はページ内で一意、つまり他の id 属性値と重複するとHTML的に違反なので、例えば EntryID や PingID 等が id 属性値に使われていると数字だけでは重複する可能性があるため、CommentIDであることを指す "c" を付与しています。

ブラウザの動作についてはなんとも言えませんが、最終的に目的の場所へスクロールされているのであれば問題ないと思います(私のサイトでもそのような挙動になります)。
私の認識違いでしたらお許しください。

以上です。
それではどうぞよろしくお願い致します。

[17] Posted by yujiro : May 25, 2005 1:27 AM

yujiroさん、おはようございます!
それと、すばやいお返事ありがとうございます。
「テンプレートのアンカー修正」こういうものがあったなんて、よくよく読まずに質問してしまって、スミマセンでした。
それを見たところ、↓の「c」が抜けてたことに気付きました。
<MTComments lastn="5">
<li><a href="<$MTEntryLink$>#c<$MTCommentID$>">
<MTCommentAuthor></a> <$MTCommentDate format="%m/%d"$></li>
</MTComments>
リンク元とリンク先が一致してなかったために起こった現象なんですね。
それがわかったので、ワタシが削除した「c」も入れてみてテストしたところ、ちゃんとコメントにジャンプしました。
無事解決ですワーイε=ヾ(*・∀・)/
ありがとうございました。
いつもいつも丁寧な解説、感謝しております。
ワタシからは何にもなくてごめんなさい(((´・ω・`)ショボン…

[18] Posted by やむ : May 25, 2005 9:07 AM

>やむさん
こんにちは。
ご連絡ありがとうございます。
無事に動いたようでよかったです。
関連の記事を見つけるのは大変ですので、ご質問くださって大丈夫ですよ。

あと、このようなコメントが残ることも大変貴重です(他の方が同じ事象になった時の検索対象になります)ので、「何もない」ということはありません。それにこのようなコミュニケーションも楽しいですしね。
ではでは。

[19] Posted by yujiro : May 25, 2005 11:35 AM

テンプレートお借りしております。
まだ、改装中です(苦笑)
リダイレクトも投げっぱなしです(泣)

当面の体裁が整いましたので、TBさせていただきました。
これからもどうぞ宜しくお願い致します。

[20] Posted by YOKO : June 11, 2005 12:26 AM

>YOKOさん
こんばんは。
ご連絡ありがとうございました。
テンプレート引き続きご利用くださりありがとうございます。
素敵なサイトになりましたね!

[21] Posted by yujiro : June 11, 2005 11:56 PM

はじめまして。
テンプレートお借りいたしました。
夏に向けて爽やかな感じになり嬉しいです♪

[22] Posted by kei : June 26, 2005 3:11 PM

>keiさん
はじめまして。
テンプレートご利用&ご連絡ありがとうございました!
気に入っていただけたようで光栄です。

あと勝手ながらBlogPeople登録させて頂きました。
それでは今後ともどうぞよろしくお願い致します。

[23] Posted by yujiro : June 27, 2005 11:38 AM

はじめまして。
テンプレートお借りしました。非常に分かりやすく作ってあって、助かりました。他にもここを参考にちょこちょこカスタマイズさせてもらってます♪

[24] Posted by とき : July 1, 2005 7:36 PM

>ときさん
はじめまして。
この度はテンプレートご利用&ご連絡ありがとうございました!

あと勝手ながらBlogPeople登録させて頂きました。
それでは今後ともどうぞよろしくお願い致します。

[25] Posted by yujiro : July 2, 2005 2:03 AM

ご挨拶が遅れましたが、テンプレート使わせていただきました。ありがとうございました!

[26] Posted by kaworu : July 21, 2005 11:54 PM

>kaworuさん
こんにちは。
テンプレートご利用&ご連絡ありがとうございました。
トラックバックもありがとうございました。
素敵なデザインですね!

[27] Posted by yujiro : July 22, 2005 1:29 PM

はじめまして。
「温泉天国」管理人のメンデルと申します。この度の当サイト開設に当たりまして、良いテンプレートはないかと探しておりましたところ「小粋空間」様のブログに行き着きました。固定3カラムのテンプレートを使用させていただきました。また貴バナーリンクも貼らせて頂きましたのでご確認下さいませ。
ご活躍お祈りしております。取り急ぎご連絡まで。今後とも宜しくお願い致します。
                    温泉天国管理人

[28] Posted by 温泉天国 : July 25, 2005 6:08 PM

>温泉天国さん
はじめまして。
この度はテンプレートご利用&ご連絡ありがとうございました!
バナーもご利用くださりありがとうございます。

それでは今後ともどうぞよろしくお願い致します。

[29] Posted by yujiro : July 25, 2005 10:56 PM

こんにちわ。いつもありがとうございます。
メインページに表示したいエントリーの数は、どこで変更すれば良いのでしょうか
たとえば、ページを軽くするために、1エントリーだけ表示したい場合などです。
設定で「表示したいエントリー数」というのがありますが、これは日数でカウントされるらしく
数日間更新してないと、メインページのエントリーが表示されず、空白になってしまいます。
どこを直せば改善できるのでしょうか。
自分で少しずつカスタマイズしているため、なにか重要なタグをいじってしまったのかもしれません^^;アドバイスいただけますでしょうか。

[30] Posted by はる : August 26, 2005 1:45 PM

初めまして、夏月と申します。
今回MT初心者にも関わらず
こちらのテンプレートやtipsを利用させていただきました!
悩みながらでしたが、大変参考になりましてやっと完成しました!
本当に感謝感激です。ありがとうございました。

またちょくちょくTBもさせていただくと思いますが、
よろしくおねがいしますっ

それでは失礼いたしました。

[31] Posted by 夏月 : August 26, 2005 3:08 PM

>はるさん
こんばんは。
ご質問の件ですが、エントリーの表示数調節する場合は、テンプレート内にある

<MTEntries>

という部分を

<MTEntries lastn="N">

に変更します。lastn 属性は投稿された最新の N 個のエントリーを表示します。
したがってひとつだけ表示させたい場合は、

<MTEntries lastn="1">

とすればOKです。

以上です。
それではどうぞよろしくお願い致します。

[32] Posted by yujiro : August 27, 2005 1:49 AM

>夏月さん
はじめまして。
テンプレートご利用&ご連絡&トラックバックありがとうございます。
MT初心者とは思えない出来栄えですね!

ご不明な点がございましたらお気軽にご連絡ください。
それでは今後ともどうぞよろしくお願い致します。

[33] Posted by yujiro : August 27, 2005 1:52 AM

ありがとうございました!

[34] Posted by はる : August 27, 2005 11:28 PM

>はるさん
こんばんは。
ご連絡ありがとうございました。
ではでは!

[35] Posted by yujiro : August 28, 2005 3:26 AM

はじめまして 謙と申します。
前に「500エラー」の事でメールしたことがありまして、その節はお世話になりました。

結局はDBも替える勇気が無く、バージョンダウンしてMTを使っております(^^ゝ

前のバージョンですが、2カラムのテンプレートを使わせていただきました。ありがとうございます。

で、ここのように「タイトルバナー」を変えたいと思い頑張ってみたのですが、うまくいきません。
参考にしたのは「ブログ別 作成・カスタマイズ講座」の「ブログタイトルのロゴ画像化」です。

その枠とリンクはできてるのですが、画像が表示されなくて(泣)
たぶんスタイルシートの記述だとは思うのですが。
もしわかりましたら、よろしくお願いいたします。

[36] Posted by : February 19, 2006 5:24 PM

>謙さん
こんばんは。
ご質問の件ですが、スタイルシートにある下記のセレクタの background プロパティ(赤色)が影響しているようですので、コメントアウトまたは削除してください。

a {      : background: none;      : }

#banner a:xxxx {
     :
background: none;
     :
}

省略して書いておりますが何ヶ所かありますのでご注意ください。

ポピュラーな技みたいですので機会があればエントリーさせて頂きます。

以上です。
それではよろしくお願い致します。

[37] Posted by yujiro : February 20, 2006 10:02 PM

yujiroさん、ありがとうございました。
なんとかできました。

ふぅ(汗)

[38] Posted by : February 21, 2006 8:50 PM

>謙さん
こんにちは。
ご連絡ありがとうございました。
うまくできたようでなによりです。
ではでは!

[39] Posted by yujiro : February 22, 2006 12:48 PM
コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)