MovableTypeのメインページ解析

2005年7月22日

MovableTypeのメインページに記述されている内容を説明します。
メインページはそのブログサイトの顔で、訪問者も最も多いページです。ソース全体を解析していますので、カスタマイズの際には、是非、参考にしてくださいね。

＜メインページ - ヘッダー部分： MovableType3.17＞

/* DOCTYPEの宣言（XHTML 1.0 Transitional）*/
<!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$>" />

/* HTMLを生成したアプリケーション情報の指定 */
<meta name="generator"
content="http://www.movabletype.org/" />

/* タイトル */
<title><$MTBlogName encode_html="1"$></title>

/* スタイルシートのリンク */
<link rel="stylesheet" href="
<$MTBlogURL$>styles-site.css" type="text/css" />

/* Atomのリンク */
<link rel="alternate" type="application/atom+xml"
title="Atom" href="<$MTBlogURL$>atom.xml" />

/* RSS 1.0のリンク */
<link rel="alternate" type="application/rss+xml"
title="RSS 1.0" href="<$MTBlogURL$>index.rdf" />

/* RSS 2.0のリンク */
<link rel="alternate" type="application/rss+xml"
title="RSS 2.0" href="<$MTBlogURL$>index.xml" />

/* RSDのリンク */
<link rel="EditURI" type="application/rsd+xml"
title="RSD" href="<$MTBlogURL$>rsd.xml" />

/* クリエイティブ・コモンズ・ライセンス */
<MTBlogIfCCLicense>
<$MTCCLicenseRDF$>
</MTBlogIfCCLicense>

</head>

<body>
　（別記）
</body>
</html>

＜メインページ - バナー部分： MovableType3.17＞

<div id="container">

<div id="banner">

/* ブログタイトルの表示 */
<h1><a href="<$MTBlogURL$>"accesskey="1">
<$MTBlogName encode_html="1"$></a></h1>

/* ブログ説明の表示 */
<h2><$MTBlogDescription$></h2>
</div>

＜メインページ - 左側： MovableType3.17＞

<div id="center">
<div class="content">

/* エントリーをリストアップ（初期設定では7日分） */
<MTEntries>

/* RDFデータの挿入（クイックポストなどに利用） */
<$MTEntryTrackbackData$>

/* ヘッダー表示（投稿日の重複がないようにする） */
<MTDateHeader>

/* エントリー投稿日の表示 */
<h2><$MTEntryDate format="%x"$></h2>
</MTDateHeader>

/* エントリータイトルの表示 */
<h3 id="a<$MTEntryID pad="1"$>">
<$MTEntryTitle$></h3>

/* エントリー内容の表示 */
<$MTEntryBody$>

/* エントリーの追記 */
<MTEntryIfExtended>

/* 「続きを読む」のリンク表示*/
<p class="extended">
<a href="<$MTEntryPermalink$>#more">
続きを読む "<$MTEntryTitle$>"
</a></p>
</MTEntryIfExtended>

/* 投稿者と投稿日付の表示 */
<p 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">
トラックバック (<$MTEntryTrackbackCount$>)</a>
</MTEntryIfAllowPings>

</p>
</MTEntries>
</div> /* end of "content" */
</div> /* end of "center" */

＜メインページ - 右側（カレンダー）： MovableType3.17＞

<div id="right">
<div class="sidebar">

<div id="calendar">

/* HTMLのテーブル指定 */
<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>

＜メインページ - 検索部分： MovableType3.17＞

<h2>検索</h2>

<div class="link-note">

/* 検索用CGIスクリプトの指定 */
<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">

/* 入力フィールドの指定 */
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<label for="search" accesskey="4">このサイトの検索
</label><br />

/* 入力フィールドの表示 */
<input id="search" name="search" size="20" /><br />

/* 検索ボタンの表示 */
<input type="submit" value="検索" />
</form>
</div>

＜メインページ - カテゴリー表示部： MovableType3.17＞

<div id="categories">
<h2>カテゴリー</h2>

/* サブカテゴリーのループ */
<MTSubCategories>

/* サブカテゴリーのヘッダー表示 */
<MTSubCatIsFirst><ul></MTSubCatIsFirst>

/* カテゴリーがある場合の指定 */
<MTIfNonZero tag="MTCategoryCount">

/* カテゴリーの説明を表示 */
<li><a href="<$MTCategoryArchiveLink$>" title=
"<$MTCategoryDescription$>"><MTCategoryLabel></a>

/* カテゴリーがない場合の指定 */
<MTElse>

/* カテゴリーラベルの名前表示 */
<li><MTCategoryLabel>
</MTElse>
</MTIfNonZero>

/* サブカテゴリー表示 */
<MTSubCatsRecurse max_depth="3">
</li>

/* サブカテゴリーのフッター表示 */
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTSubCategories>
</div>

＜メインページ - アーカイブ表示部： MovableType3.17＞

<h2>アーカイブ</h2>

<ul>
/* 月別アーカイブのループ */
<MTArchiveList archive_type="Monthly">
/* 月別アーカイブのタイトルを表示 */
<li><a href="<$MTArchiveLink$>">
<$MTArchiveTitle$></a></li>
</MTArchiveList>
</ul>

＜メインページ - 最近のエントリー表示部： MovableType3.17＞

<h2>最近のエントリー</h2>

<ul>
/* 最近のエントリー10件を表示 */
<MTEntries lastn="10">
<li><a href="<$MTEntryPermalink$>">
<$MTEntryTitle$></a></li>
</MTEntries>
</ul>

＜メインページ - RSS（XML）表示部： MovableType3.17＞

<div class="link-note">

/* RSSファイルへのリンク表示 */
<a href="<$MTBlogURL$>index.rdf">
Syndicate this site (XML)</a>
</div>

＜メインページ - ライセンス表示部： MovableType3.17＞

/* クリエイティブ・コモンズ・ライセンス設定の際に表示 */
<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>

＜メインページ - クレジット表示部： MovableType3.17＞

<div id="powered">

/* バージョンの表示、及び、ポータルサイトへのリンク */
Powered by<br />
<a href="http://www.movabletype.jp">
Movable Type <$MTVersion$></a><br />
</div>

</div> /* end of "sidebar" */
</div> /* end of "right" */

/* 回り込みの解除 */
<div style="clear: both;">

/* nonbreaking space（改行を行わない空白）の指定 */
 

</div>

</div> /* end of "container" */

以上、MovableTypeのメインページについて説明しました。

MovableType 解析編 - 講義一覧

MovableType 解析編の講義一覧です。

　解析編

・MovableTypeのテンプレート概要
・MovableTypeの構造図
・MovableTyoeのスタイルシート解析
・MovableTypeのメインページ解析
・MovableTypeのカテゴリー・アーカイブ解析
・MovableTypeの個別エントリーアーカイブ解析
・MovableTypeの日付アーカイブ解析

ブログランキングに参加中です。応援お願いします。

トラックバック

このエントリーのトラックバックURL:

このリストは、次のエントリーを参照しています: MovableTypeのメインページ解析:

» デザインあれこれその2 from der Mu[:]llkasten
ブログ別！作成・カスタマイズ講座のMovableTypeのメインページ解析を参考... [続きを読む]

トラックバック時刻: 2005年9月 3日 02:44

CCLicenseとは有料ライセンスではありません。クリエイティブ・コモンズ・ライセンスです。
http://creativecommons.jp/faq/#faq_entry_001

投稿者 @Style : 2005年7月23日 12:20

ご指摘ありがとうございます。
早速、訂正させて頂きました＾＾
今後ともよろしくお願いします。

投稿者りっち : 2005年7月24日 10:53

このウェブサイト上のスパム問題を持って行う、私もブロガーです、と私はあなたの状況を知るために希望され、私たちの多くは、いくつかの素晴らしいプラクティスを作成していると我々は、他の人とソリューションを交換するために探している、なぜ私にメールに応じて撮影できない興味があります。

投稿者 loans payday : 2012年1月12日 15:23

こんにちは！これは、オフトピックのようなものですが、私は既存のブログから、いくつかのガイダンスが必要です。それはあなた自身のブログを設定することは非常に難しいですか？私は非常にtechincalではないが、私はかなり速いものを把握することができます。私は自分自身を設定することを考えているが、私はどこから始めればわからない。任意の点やご提案をお持ちですか？感謝

投稿者 search engine optimization vancouver : 2012年1月13日 09:38

コメントしてください