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 解析編の講義一覧です。
|
||||
ブログランキングに参加中です。応援お願いします。
パーマリンク | 投稿者 りっち | 2005年7月22日 16:38
|
|
はてなブックマークに追加
|
Yahooブックマークに登録
関連記事
トラックバック
このエントリーのトラックバック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
コメントしてください
