« Sleipnir 2.00 Beta3が公開 |メイン| 国民新党WEBサイト »
2005年08月17日
Movable Type 1カラムテンプレート
シングルカラムにしたくてテンプレートを作成しましたので、お気に召されたら使って頂きたいと思います。
＊Movable Type3.151-jaで問題なく表示されることを確認しています。
＊テンプレートを書き換える際には必ずバックアップを取って、いつでも元に戻せるようにして下さい。
＊質問、要望、バグ報告などございましたら遠慮なくどうぞ。
＊テンプレートをそのまま適用すると、当サイトとほぼ同じになりますが、ご自由にカスタマイズなさってください。
＊個別エントリーページのみ下が2カラムになります。
<2006年4月18日追記>
ぼちぼちテンプレートを変更するので、今のテンプレートの構成を画像で説明しておきます。（アンダーラインのあるところが画像リンクです）
まずトップページです。エントリーは3件表示させるように設定し、5件をRecent Entriesとして表示しています。
エントリーページは下が2カラムにしてコメントやトラックバックを表示させるようにしています。
そしてaboutページは自己紹介などを書いてますが、カスタマイズは自由です。
そしてcategoryページでは各カテゴリーの表示とエントリー数を表示し、カテゴリーをクリックするとエントリー一覧が表示されるようにしています。
Archiveページには各月のエントリー数を表示し、各月をクリックすると、カテゴリーのエントリー一覧ページと同じテンプレートで各月のエントリー一覧を表示するようにしています。
Linkページは2カラム表示でTrackback Peopleなどを表示させています。
最後にSearchページではサイト内検索ができるようにしています。
<追記ここまで>
まず画像ファイルを>>ダウンロード<<します。展開して中に入っている画像ファイルをお使いのMT用画像フォルダにアップロードしてください。
＊テンプレート中の「<$MTBlogURL$>images/〇〇」は画像ファイルをアップロードした場所に直してください。
＊ロゴはご自身で用意されたものをお使い下さい。用意できない方は画像ファイルの中に代替ロゴを4つ用意してありますのでお使い下さい。
＊デフォルトではカレンダーに関する記述はありません。このテンプレートには横長のカレンダーが合うと思います。おススメは「Kinarie&May」さんで配布されているflashカレンダーです。
＊アフィリエイト用の画像とスタイルシートへの記述をイメージファイルの中に入れてありますので、必要な方はお使い下さい。
StyleSheet(スタイルシート、Stlyes-site.css)
Main Index(メインページ、index.html(php))
Category Archive(カテゴリー･アーカイブ)
Date-Based Archive(日付アーカイブ)
Indivisual Entry Archive(個別エントリーアーカイブ)
コメント・プレビューのテンプレート
コメント・エラーのテンプレート
＊default.tmplはmt.cgiをアップロードした場所のsearch_templatesというフォルダの中にあります。ブログの文字コードと同じコードで保存してftpソフトなどでアップロードしてください。default.tmplは検索結果を表示するページの設定です。
default.tmpl
＊テンプレート・モジュールにRemember Meがない場合(MovableTypeのバージョンによってない場合があります)、「Remember Me」という名前でテンプレート・モジュールを新規作成してください。
Remember Me
＊ロゴの下にあるナビゲーションバーは、MT管理ページのテンプレート、「新しいテンプレート・モジュールを作る」からnavibarという名前で作成してください。
ナビゲーションバー
＊ナビゲーションバーのメニュー項目はお好きな項目を設定して頂いて構いません。ここでは以下5つのメニューについて紹介します。これらメニューはMT管理ページのテンプレート、「新しいインデックス・テンプレートを作る」から、わかりやすいファイル名をつけてください。(拡張子はphpではなくhtmlでも構いません)
about.php
＊Categoryページには各カテゴリーの説明を載せるようにしています。このままお使いになる場合は、MT管理ページのカテゴリーページで各カテゴリーの説明を記入してください。
Categorymenu.php
archive.php
link.php
＊ナビゲーションバーのメニューを4つあるいは6つにしたい場合は、画像ファイルに同封してありますのでお使い下さい。
＊CSSで画像や引用文などに影をつける場合、こちらのサイトから影画像をダウンロードして適用する方法があります（5月18日のエントリー参照）。その場合、スタイルシートに以下を追加すると上手くできます。
.img-shadow {
float: left;
background: url(<$MTBlogURL$>images/shadowAlpha.png) no-repeat bottom right !important;
background: url(<$MTBlogURL$>images/shadow.gif) no-repeat bottom right;
margin: 10px 0px 0px 30px !important;
margin: 10px 0px 0px 30px;
}
.img-shadow img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
}
.p-shadow {
width: 80%;
float:left;
background: url(<$MTBlogURL$>images/shadowAlpha.png) no-repeat bottom right !important;
background: url(<$MTBlogURL$>images/shadow.gif) no-repeat bottom right;
margin: 10px 0 0 30px !important;
margin: 10px 0 0 30px;
}
.p-shadow div {
background: none !important;
background: url(<$MTBlogURL$>images/shadow2.gif) no-repeat left top;
padding: 0 !important;
padding: 0 6px 6px 0;
}
.p-shadow p {
color: #000000;
font-size:0.9em;
background-color: #fff;
border: 1px solid #a9a9a9;
padding: 4px;
margin: -6px 6px 6px -6px !important;
margin: 0;
}
.p-shadow blockquote {
color: #000000;
font-size:0.9em;
background-color: #fff;
border: 1px solid #a9a9a9;
padding: 4px;
margin: -6px 6px 6px -6px !important;
margin: 0;
}
トラックバックについて
当エントリーと同様の話題であれば、エントリーへの言及がなくても基本的には歓迎です。 同じテーマについて書いている人が、他にどんな話題を取り上げているのか、ということに興味があるからです。どうぞ遠慮なくトラックバックして下さい。 重複やまったく関係ないと思われるものに関しては、こちらの判断で削除させて頂きます。このエントリーのトラックバックURL:
http://www.sontoku.org/cgi-bin/mt-tb-pecul.cgi/172
コメント(2)
ご指摘ありがとうございます。こちらのミスでダウンロードできない状態になっていました。
参考になれば幸いです 
コメントをどうぞ
はじめまして。
もう1カラムの画像ダウンロードは下げてしまったのでしょうか？
きれいなデザインなので参考にさせていただければと思っています。