キレイに色分けされ行番号など付加してくれるプラグインやJSライブラリがあるようですが
今回は、CSSで指定したのみ。
参考
うちの場合のサイドバーテンプレートは各ウィジェットをウィジェットセットで
<$mt:WidgetSet name="2カラムのサイドバー"$>みたいな感じで読み込んでいます。「2カラムのサイドバー」ウィジェットセットには「最近のブログ記事」「 検索,」「最近のコメント」「カテゴリアーカイブ」「月別アーカイブ」「OpenID対応」「Powered By」をインストールしています。
簡単なのは、参考の3つ目のプラグインを使うことです。
プラグインをインストールしウィジェットセットを読み込んでる部分を
<MTIndexContext>
<MTWidgetManager name="2カラムのサイドバー">
</MTIndexContext>のように「MTIndexContext」コンテナ・タグで括ればアーカイブページでもメインページと同じ表示内容になってくれます。
ですが、今回最終的な目標は、サイト全体統一のサイドメニューにし、メインページ以外で現在位置表示。今このページにいますよ～的な表現をサイドメニューに施そうと思ってます。
参考
カテゴリアーカイブ：
<MTIf name="module_category_archives">
～
</MTIf>別アーカイブ：
<MTIf name="module_monthly_archives">～
</MTIf>
↑これを削除すれば、それぞれのアーカイブページでもメインページと同じ表示内容になります。
問題は、最近のブログ記事
<mt:If tag="BlogEntryCount">
<mt:Entries lastn="8">
<mt:EntriesHeader>
<div class="widget-recent-entries widget-archives widget">
<h3 class="widget-header">Recent Post</h3>
<div class="widget-content">
<ul id="recentpostlist">
</mt:EntriesHeader>
<li><a href="<$mt:EntryPermalink$>"><$mt:EntryTitle$></a></li>
<mt:EntriesFooter>
</ul>
</div>
</div>
</mt:EntriesFooter>
</mt:Entries>
</mt:If>サイドバーのアーカイブファイル読み込み部分は
<$MTInclude file="recentEntries.html"$>
として、現在位置表示のためのJavaScript
<MTIf name="entry_template">とMTIncludeの下に記述しました。
<script type="text/javascript">
<!--
var data = "<$mt:EntryTitle$>";
var nodes = document.getElementById('recentpostlist').getElementsByTagName("a");
for (i = 0; i < nodes.length; i++) {
if(nodes[i].innerHTML == data){
nodes[i].setAttribute("class","selectedlink");
nodes[i].setAttribute("className","selectedlink"); // for IE
}
}
//-->
</script>
</MTIf>
1. ルートのatom.xmlを生成している、インデックステンプレートの「最新記事のフィード」のソースコードをコピーしといて。
2. アーカイブテンプレート、アーカイブテンプレートの作成 +ブログ記事リスト。
3. タイトルを「カテゴリ別のフィード」とし、コピーしたコードをペースト。
<$mt:HTTPContentType type="application/atom+xml"$><?xml version="1.0" encoding="<$mt:PublishCharset$>"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<title><$MTCategoryLabel$> - <$mt:BlogName remove_html="1" encode_xml="1"$></title>
<link rel="alternate" type="text/html" href="<$mt:ArchiveLink$>" />
<link rel="self" type="application/atom+xml" href="<$mt:ArchiveLink$>atom.xml" /> />
<id>tag:<$mt:BlogHost exclude_port="1" encode_xml="1"$>,<$mt:TemplateCreatedOn format="%Y-%m-%d"$>:<$mt:BlogRelativeURL encode_xml="1"$>/<$mt:BlogID$></id>
<updated><mt:Entries lastn="1"><$mt:EntryModifiedDate utc="1" format="%Y-%m-%dT%H:%M:%SZ"$></mt:Entries></updated>
<mt:If tag="BlogDescription"><subtitle><$mt:BlogDescription remove_html="1" encode_xml="1"$></subtitle></mt:If>
<generator uri="http://www.sixapart.com/movabletype/"><$mt:ProductName version="1"$></generator>
<mt:Entries lastn="15">
<entry>
<title><$mt:EntryTitle remove_html="1" encode_xml="1"$></title>
<link rel="alternate" type="text/html" href="<$mt:EntryPermalink encode_xml="1"$>" />
<id><$mt:EntryAtomID$></id>
<published><$mt:EntryDate utc="1" format="%Y-%m-%dT%H:%M:%SZ"$></published>
<updated><$mt:EntryModifiedDate utc="1" format="%Y-%m-%dT%H:%M:%SZ"$></updated>
<summary><$mt:EntryExcerpt remove_html="1" encode_xml="1"$></summary>
<author>
<name><$mt:EntryAuthorDisplayName encode_xml="1"$></name>
<mt:If tag="EntryAuthorURL"><uri><$mt:EntryAuthorURL encode_xml="1"$></uri></mt:If>
</author>
<mt:EntryCategories>
<category term="<$mt:CategoryLabel encode_xml="1"$>" scheme="http://www.sixapart.com/ns/types#category" />
</mt:EntryCategories>
<mt:EntryIfTagged><mt:EntryTags><category term="<$mt:TagName normalize="1" encode_xml="1"$>" label="<$mt:TagName encode_xml="1"$>" scheme="http://www.sixapart.com/ns/types#tag" />
</mt:EntryTags></mt:EntryIfTagged>
<content type="html" xml:lang="<$mt:BlogLanguage ietf="1"$>" xml:base="<$mt:BlogURL encode_xml="1"$>">
<$mt:EntryBody encode_xml="1"$>
<$mt:EntryMore encode_xml="1"$>
</content>
</entry>
</mt:Entries>
</feed>
5. テンプレートの設定 アーカイブマッピング 新しいアーカイブマッピングを作成。
種類「カテゴリ」追加！
パスの設定 カスタムを選択し入力をアクティブ化
%c/atom.xml
としました。
あとは、購読ボタンの設定ですが、カテゴリ毎のフィード配信の目的は、Zen Cartで構築中のショップのHOMEに特定カテゴリの新着を載っけるためなので今回は見送りました。
「産休のあいだ、kahoyanの成長記録みたいなブログやらない？」
とさそい、kahoyanテンプレートのモニターやってもらおうと思いました。
そこで、サブドメインで新規のブログ作成を試す。
http://riblog.kahoyan.comサブドメイン用のディレクトリを /riblog としました。
MT公開設定でサイトURL・サイトパス・アーカイブURL・アーカイブパスを設定し、スタイルキャッチャーでkahoyanを選択しデザインを適用！再構築！！
ぅう～ん。。スタイルシートよんでね～な～。。
いろいろ調べて、原因は「mt-config.cgi」だと判明！
ドキュメントにもしっかり書いてありました。。おうちゃくしちゃダメですね。しっかり読まないと
参考
月別アーカイブ、カテゴリーアーカイブの前に次のコードを追加しました。
<div class="all-entry">
<div class="archive-content">
<h2 class="archive-header">All Entries</h2>
<ul>
<MTEntries lastn="0">
<li><span class="date"><$MTEntryDate format="%Y-%m-%d"$></span> ： <a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
</MTEntries>
</ul>
</div>
</div>
MTEntries タグの lastn アトリビュートを0と設定すると全エントリーを取得します。
こちら何調べてても辿り着く「小粋空間」さんの記事を参考にしました。
キレイに色分けされ行番号など付加してくれるプラグインやJSライブラリがあるようですが
今回は、CSSで指定したのみ。
やりたかったのは、ウェブページ機能を使って作成した個別ページをヘッダーにグローバルナビゲーションとして横並びに表示することでした。
んじゃ、自力でなんとかやってみる。
]]> テンプレートモジュールを新規で作成し「グローバルナビゲーション」としました。コードは下記（うちのサイトの場合。）。（ウィジェットテンプレートのページ一覧のコードをもってきてちょこっと弄くっただけです。）
<mt:IfArchiveTypeEnabled archive_type="Page">
<div class="widget-pages widget">
<div class="widget-content">
<ul>
<li class="page home"><a href="<$MTBlogURL$>" rel="nofollow">Home</a></li>
<li class="page archives"><a href="<$MTLink template="アーカイブインデックス"$>">Archives</a></li>
<mt:Pages no_folder="1" sort_by="title" sort_order="ascend">
<li class="page <$mt:PageBasename$>"><a href="<$mt:PagePermalink$>"><$mt:PageTitle$></a></li>
</mt:Pages>
</ul>
</div>
</div>
</mt:IfArchiveTypeEnabled> んで MTInclude で「バナーヘッダー」テンプレートに読み込み。
生成されたXHTMLは下記のようになりました。
<div class="widget-pages widget">
<div class="widget-content">
<ul>
<li class="page home"><a href="http://kahoyan.com/" rel="nofollow">Home</a></li>
<li class="page archives"><a href="http://kahoyan.com/archives.html">Archives</a></li>
<li class="page about"><a href="http://kahoyan.com/about/">About</a></li>
<li class="page links"><a href="http://kahoyan.com/links/">Links</a></li>
</ul>
</div>
</div>このマークアップに対してスタイルシートでfloatさせたり、ボタン画像のアイコン置いたりと設定を追加しています。
]]>ブログ記事ごとに変える方法もあるみたいだけど、このサイトはMTカスタマイズ情報に絞ってるので（今んとこ）サイト全体で統一にしようと思います。
テンプレートモジュールの「HTMLヘッダー」テンプレートを編集。
keywordsはMT関連のキーワードをカンマ（,）区切りで羅列。
descriptionは最初に <$mt:BlogDescription$> でブログの説明文
Movable Type 4 Customize memo
を挿入し、ちょっとさびしいので日本語での説明文を後に続けました。
やっぱり2カラムに変更。
デザイン/スタイル/スタイルを選択→レイアウト（プルダウンメニューから）2カラム、大・小
デザインを適用。
んで、右カラムの幅なども変更してみる。
/MTをインストールしたフォルダ（ここの場合mt）/mt-static/themes-base/blog.cssbrowser styling のResetや大枠のレイアウトなどを指定している上記の【blog.css】はバックアップとして取っておいて、同ディレクトリに【blog02.css】でコピーする。
スタイルシートテンプレートのimportファイルを【blog02.css】に修正
@import url(mt/mt-static/themes-base/blog02.css);【blog02.css】の /* Wide-Thin */ ってとこ探して #alpha と #beta
の幅を変更。
まずはGoogle Analyticsで新規プロファイルを作成しkahoyan.com用のトラッキングコードを作成します。
何処に貼るのがいいんだろう？ってことですが、bodyの終了タグの前に・・とあるので
テンプレートモジュール バナーフッターに貼り付けることにします。
各ページでバナーフッターをIncludeしてるので、これで全ページに設定されることになります。
貼り付け方法ですが、今回は
新規でテンプレートモジュールを作成しそれをバナーフッターにIncludeすることにします。
テンプレートモジュールを作成+マークから「Analyticsトラッキングコード」と名前をつけて
作成したトラッキングコードをコピペします。
そんで、バナーフッターテンプレートの最後に
<$mt:Include module="Analyticsトラッキングコード"$>と追加します。
ソースは
<body><div id="container">
～
<script>トラッキングコード</script>
</div>
</body>
って感じで厳密に</body>の前になってないんですが、問題ないようです。
解析してくれてます。
/MTをインストールしたフォルダ/mt-static/support/themesに選択したスタイル名でディレクトリが作成されます。
こんなかのcssファイルを弄くってこうと思います。
まず、/themes ディレクトリに新規に kahoyanフォルダを作成し弄くったcssファイル（今回は【style.css】としました。）、背景画像等をアップしていきます。
スタイルキャッチャーにもオリジナルスタイルが反映されるように、【style.css】の上部にコメントアウトで
/*
name: kahoyan
designer: ko sato
designer_url: http://yukinachu.com/
layouts: layout-wtt, layout-twt, layout-wt, layout-tw
*/と記述しました。（サムネイルの設定はある程度サイトが出来てきてからにしよう。）