ベーシック３列　テンプレート Movable Type

ベーシック３列　テンプレート

ベーシック３列　　(個別、カテゴリーも全て3列です）

基本仕様

　・スタイルシートを変更するだけで色の変更が可能になる設計
　・個別を2列にしたい場合は、2列テンプレートの個別ページを使用するだけで対応可能
　・トラックバックはプラグインを使用しているので別途設定が必要です。

バージョンアップ情報

　・過去７個の記事を表示
　・カテゴリーはトップカテゴリーのみ対応
　・検索から「このサイト内から検索」の文字を削除
　・投稿情報を右側に寄せる
　・サイドバーの幅を揃える
　・個別、カテゴリーも3列にする
　・FireFoxでカテゴリーページの表示不具合を修正
　・個別ページで3.2から不要になった「Remember Me」を削除

背景画像

画像上で右クリックして「名前をつけて保存」　で自分のパソコンのマイドキュメントに保存
→　サーバー上、ブログのスタイルシートがある場所【　例　】blogフォルダ直下にアップロードしてください。

スタイルシート
　スタイルシート一覧から選択してください。

メインページ

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" />
<title><$MTBlogName encode_html="1"$></title>
<link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="<$MTBlogURL$>atom.xml" />
<link rel="alternate" type="application/rss+xml" title="RSS 1.0" href="<$MTBlogURL$>index.rdf" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<$MTBlogURL$>index.xml" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$MTBlogURL$>rsd.xml" />
<MTBlogIfCCLicense>
<$MTCCLicenseRDF$>
</MTBlogIfCCLicense>
</head>
<body>
<div id="container">
<div id="banner">
<h1><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1>
<h2><$MTBlogDescription$></h2>
</div>
<div id="left">
<div class="sidebar">
<div id="calendar">
<table summary="投稿されたエントリーへのリンク付き月間カレンダー">
<caption><$MTDate format="%B %Y"$></caption>
<tr>
<th abbr="日曜日">日</th>
<th abbr="月曜日">月</th>
<th abbr="火曜日">火</th>
<th abbr="水曜日">水</th>
<th abbr="木曜日">木</th>
<th abbr="金曜日">金</th>
<th abbr="土曜日">土</th>
</tr>
<MTCalendar>
<MTCalendarWeekHeader><tr></MTCalendarWeekHeader>
<td><MTCalendarIfEntries><MTEntries lastn="1"><a href="<$MTEntryPermalink$>"><$MTCalendarDay$></a></MTEntries></MTCalendarIfEntries><MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries><MTCalendarIfBlank> </MTCalendarIfBlank></td><MTCalendarWeekFooter></tr></MTCalendarWeekFooter>
</MTCalendar>
</table>
</div>
<h2>最近のエントリー</h2>
<ul>
<MTEntries lastn="10">
<li>・ <a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
</MTEntries>
</ul>
<h2>カテゴリー</h2>
<ul>
<MTCategories>
<li>・ <a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a>  [<$MTCategoryCount$>]</li>
</MTCategories>
</ul>
<h2>過去記事</h2>
<ul>
<MTArchiveList archive_type="Monthly">
<li>・ <a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a></li>
</MTArchiveList>
</ul>
</div>
</div>
<div id="center">
<div class="content">
<MTEntries lastn="7">
<$MTEntryTrackbackData$>
<MTDateHeader>
<div class="dataheader"><$MTEntryDate format="%x"$>
</div>
</MTDateHeader>
<div class="entryheader">　■　 <$MTEntryTitle$>
</div>
<$MTEntryBody$>
<MTEntryIfExtended>
<p class="extended"><a href="<$MTEntryPermalink$>#more">続きを読む "<$MTEntryTitle$>"</a></p>
</MTEntryIfExtended>
<div class="posted">投稿時間  : <$MTEntryDate format="%X"$>　<a href="<$MTEntryPermalink valid_html="1"$>">個別ページ表示</a>
<MTEntryIfAllowComments>
| <a href="<$MTEntryPermalink archive_type="Individual"$>#comments">コメント (<$MTEntryCommentCount$>)</a>
</MTEntryIfAllowComments>
<MTEntryIfAllowPings>
| <a href="<$MTEntryPermalink archive_type="Individual"$>#trackbacks">トラックバック (<$MTEntryTrackbackCount$>)</a>
</MTEntryIfAllowPings>
</div>
</MTEntries>
</div>
</div>
<div id="right">
<div class="sidebar">
<h2>サイト内検索</h2>
<div class="link-note">
<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<input id="search" name="search" size="16" /><br />
<input type="submit" value="検索" />
</form>
</div>
<h2>コメント</h2>
<div class="side">
<MTEntries recently_commented_on="5">
・ <a href="<$MTEntryLink$>"><MTEntryTitle></a><br />
<MTComments lastn="15">
　└ <a href="<$MTEntryLink$>#<$MTCommentID$>">
<MTCommentAuthor></a> <$MTCommentDate format="%m/%d"$><br />
</MTComments>
</MTEntries>
</div>
<h2>トラックバック</h2>
<div class="side">
<MTPings lastn="3">
<MTPingedEntry>
・ <a href="<$MTPingedEntryLink$>"><$MTPingedEntryTitle$></a>
</MTPingedEntry><br />
⇒<a href="<$MTPingURL$>" target="_blank"><$MTPingBlogName$>at<$MTPingDate format="%m./%d"$></a><br />
</MTPings>
</div>
<h2>リンク集</h2>
<ul>
<li>・ <a href="リンク先アドレス">リンク先サイト名</a></li> 
</ul>
<div id="powered">
Powered by<br /><a href="http://www.movabletype.jp">Movable Type <$MTVersion$></a><br />    
template by<a href="http://30smash.main.jp/mt/">MTN</a><BR> 
</div>
<div class="link-note">
<a href="<$MTBlogURL$>index.rdf">Syndicate this site (XML)</a>
</div>
<MTBlogIfCCLicense>
<div class="link-note">
<a href="<$MTBlogCCLicenseURL$>"><img alt="Creative Commons License" src="<$MTBlogCCLicenseImage$>" /></a><br />
このウェブログのライセンス: <a href="<$MTBlogCCLicenseURL$>">Creative Commons License</a>.
</div>
</MTBlogIfCCLicense>
</div>
</div>
<div style="clear: both;"> </div>
</div>
</body>
</html>

個別ページ(エントリーページ)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" />
<meta name="generator" content="http://www.movabletype.org/" />
<title><$MTBlogName encode_html="1"$>: <$MTEntryTitle$></title>
   <link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" />
   <link rel="alternate" type="application/atom+xml" title="Atom" href="<$MTBlogURL$>atom.xml" />
   <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<$MTBlogURL$>index.xml" />
   <link rel="start" href="<$MTBlogURL$>" title="Home" />
</head>

<body>

<div id="banner">
<h1><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1>
<h2><$MTBlogDescription$></h2>
</div>
<div id="left">
<div class="sidebar">
<div id="calendar">
<table summary="投稿されたエントリーへのリンク付き月間カレンダー">
<caption><$MTDate format="%B %Y"$></caption>
<tr>
<th abbr="日曜日">日</th>
<th abbr="月曜日">月</th>
<th abbr="火曜日">火</th>
<th abbr="水曜日">水</th>
<th abbr="木曜日">木</th>
<th abbr="金曜日">金</th>
<th abbr="土曜日">土</th>
</tr>
<MTCalendar>
<MTCalendarWeekHeader><tr></MTCalendarWeekHeader>
<td><MTCalendarIfEntries><MTEntries lastn="1"><a href="<$MTEntryPermalink$>"><$MTCalendarDay$></a></MTEntries></MTCalendarIfEntries><MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries><MTCalendarIfBlank> </MTCalendarIfBlank></td><MTCalendarWeekFooter></tr></MTCalendarWeekFooter>
</MTCalendar>
</table>
</div>
<h2>最近のエントリー</h2>
<ul>
<MTEntries lastn="10">
<li>・ <a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
</MTEntries>
</ul>
<h2>カテゴリー</h2>
<ul>
<MTCategories>
<li>・ <a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a>  [<$MTCategoryCount$>]</li>
</MTCategories>
</ul>
<h2>過去記事</h2>
<ul>
<MTArchiveList archive_type="Monthly">
<li>・ <a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a></li>
</MTArchiveList>
</ul>
</div>
</div>

<$MTEntryBody$>

<MTEntryIfAllowPings>
<h2 id="trackbacks">トラックバック</h2>
<p class="techstuff">このエントリーのトラックバックURL:<br />
<$MTEntryTrackbackLink$></p>

<MTIfNonZero tag="MTEntryTrackbackCount">
<MTPings>
<p id="p<$MTPingID$>">
» <a href="<$MTPingURL$>"><$MTPingTitle$></a> from <$MTPingBlogName$><br />
<span class="font_10"><$MTPingExcerpt$></span> <a href="<$MTPingURL$>">[続きを読む]</a>
</p>
<div class="posted">トラックバック時刻:  <$MTPingDate$></div>
</MTPings>
</MTIfNonZero>
</MTEntryIfAllowPings>

<h2>コメントしてください</h2>

<div id="thanks">
<p>サイン・インを確認しました、
<script type="text/javascript" src="<MTCGIPath><MTCommentScript>?__mode=cmtr_name_js"></script><script>document.write(commenter_name);</script>
さん。コメントしてください。 (<a href="<$MTRemoteSignOutLink static="1"$>">サイン・アウト</a>)</p>

(いままで、ここでコメントしたとがないときは、コメントを表示する前にこのウェブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

<form method="post" action="<$MTCGIPath$><$MTCommentScript$>" name="comments_form" onsubmit="if (this.bakecookie[0].checked) rememberMe(this)">
<input type="hidden" name="static" value="1" />
<input type="hidden" name="entry_id" value="<$MTEntryID$>" />

<p><label for="url">URL:</label><br />
<input tabindex="1" type="text" name="url" id="url" />
情報を登録する?
<input type="radio" id="remember" name="bakecookie" onclick="rememberMe(this.form)" /><label for="remember">はい</label><input type="radio" id="forget" name="bakecookie" onclick="forgetMe(this.form)" value="Forget Info" style="margin-left: 15px;" /><label for="forget">いいえ</label><br style="clear: both;" />

</p>

</div>

<MTIfRegistrationAllowed>
<script type="text/javascript" src="<MTCGIPath><MTCommentScript>?__mode=cmtr_name_js"></script>
<script language="javascript" type="text/javascript">

</script>
</MTIfRegistrationAllowed>

<p><label for="email">メールアドレス:</label><br />
<input tabindex="2" id="email" name="email" /></p>
</div>

<p><label for="url">URL:</label><br />
<input tabindex="3" type="text" name="url" id="url" />
保存しますか?
<input type="radio" id="remember" onclick="rememberMe(this.form)" name="bakecookie" /><label for="remember">はい</label><input type="radio" id="forget" name="bakecookie" onclick="forgetMe(this.form)" value="Forget Info" style="margin-left: 15px;" /><label for="forget">いいえ</label><br style="clear: both;" />
</p>

<p><label for="text">コメント:</label> <MTIfAllowCommentHTML>
(書式を変更するような一部のHTMLタグを使うことができます)</MTIfAllowCommentHTML><br/>
<textarea tabindex="4" id="text" name="text" rows="10" cols="50"></textarea></p>

</MTElse>

</MTIfRegistrationRequired>
</MTIfCommentsAllowed>

</MTEntryIfCommentsOpen>

</MTEntryIfAllowComments>
</div>
</div>
<div id="right">
<div class="sidebar">
<h2>サイト内検索</h2>
<div class="link-note">
<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<input id="search" name="search" size="16" /><br />
<input type="submit" value="検索" />
</form>
</div>
<h2>リンク集</h2>
<ul>
<li>・ <a href="リンク先アドレス">リンク先サイト名</a></li> 
</ul>
</div>
</div>
<div style="clear: both;"> </div>
</div>
</body>
</html>

カテゴリーページ

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title><$MTBlogName encode_html="1"$>: <$MTArchiveTitle$> アーカイブ</title>

<body>

<div id="banner">
<h1><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1>
<h2><$MTBlogDescription$></h2>
</div>
<div id="left">
<div class="sidebar">

<h2>最近のエントリー</h2>
<ul>
<MTEntries lastn="10">
<li>・ <a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
</MTEntries>
</ul>
<h2>カテゴリー</h2>
<ul>
<MTCategories>
<li>・ <a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a>  [<$MTCategoryCount$>]</li>
</MTCategories>
</ul>
<h2>過去記事</h2>
<ul>
<MTArchiveList archive_type="Monthly">
<li>・ <a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a></li>
</MTArchiveList>
</ul>
</div>
</div>

<$MTEntryBody$>

<div class="posted">
投稿者 <$MTEntryAuthor$> : <a href="<$MTEntryPermalink valid_html="1"$>"><$MTEntryDate format="%X"$></a>
<MTEntryIfAllowComments>
| <a href="<$MTEntryPermalink archive_type="Individual"$>#comments">コメント (<$MTEntryCommentCount$>)</a>
</MTEntryIfAllowComments>
<MTEntryIfAllowPings>
| <a href="<$MTEntryPermalink archive_type="Individual"$>#trackbacks">トラックバック</a>
</MTEntryIfAllowPings>
</div>

</MTEntries>
</div>

</div>

<div id="right">
<div class="sidebar">
<h2>サイト内検索</h2>
<div class="link-note">
<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<input id="search" name="search" size="16" /><br />
<input type="submit" value="検索" />
</form>
</div>
<h2>リンク集</h2>
<ul>
<li>・ <a href="リンク先アドレス">リンク先サイト名</a></li> 
</ul>
</div>
</div>
<div style="clear: both;"> </div>
</div>

</body>
</html>

月別（日別）ページ

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title><$MTBlogName encode_html="1"$>: <$MTArchiveTitle$> アーカイブ</title>

<body>

<div id="banner">
<h1><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1>
<h2><$MTBlogDescription$></h2>
</div>
<div id="left">
<div class="sidebar">

<$MTEntryBody$>

</MTEntries>
</div>

</div>

</body>
</html>

ベーシック３列 テンプレート Movable Type

ベーシック３列 テンプレート

ベーシック３列　テンプレート Movable Type

ベーシック３列　テンプレート