Movable Type 備忘録

テンプレート MT.2 for Movable Type 4

Sep022007
Author: bzbell
Categories: Template
Tags: 4.0, MovableType, Template

Next Page: テンプレート MT.3 for Movable Type 4
Prev Page: テンプレート MT.1 for Movable Type 4

こんばんわ^^

最近、めっきし涼しくなりましたね。
ウチのねこタンは先日カットしてきました。プードルのようにカットされたせいか、チョビッと寒いようでブルブル震える毎日です (;￣∇￣A タイミング間違ったかな。

あまりにもブルってるのと、わたしの采配ミス!? による申し訳なさから、もう使わなくなったマフラーを引っ張り出してきて首に巻いてあげました。
ねこタンにはかなり長くって、ズルズルと引きずっておりますが、何気に気に入ってる!? ようで少し元気になったご様子♪

そんなねこタンを見て、コッケイでチョビッとかわいいと思う今日この頃です。

さて、Movable Type 4 用のテンプレート第２弾です。
余談ですが、先日公開しましたテンプレート MT.1 for Movable Type 4ですが、テンプレートの設置手順を上書きしちゃいました。

<MTEntryBody> 側に追記するつもりが、<MTEntryMore> 側にコピペしてしまったようで、<MTEntryMore> 側に記述していたテンプレート手順がサックリとなくなってました。
しょうがないので急遽文書ファイルを作成して対応しました (;￣∇￣A ほっ

「(;￣∇￣A ほっ」なんて言ってる時点で反省の色が感じられない bzbell です。

さっ!! 気をとり直して、Movable Type 4 用のテンプレート第２弾です。
只今、せっせと Movable Type 3.3x のテンプレートを Movable Type 4 用にリニューアル中です。

テンプレートの構造はテンプレート MT.1 for Movable Type 4 と同じなので着せ替え可能です (●´∀｀●)
良かったら使ってください。いつなくなるか分かりませんが、期間限定でサンプルを置いておきます。
テンプレート MT.2 for Movable Type 4 のサンプル

- 2007.11.23 -
関連するエントリ一覧のデザインを少し変更しました。

- 2007.10.29 -
コメント投稿完了後、メッセージが表示されない不具合に対応しました。

- 2007.10.28 -
フォトウィジェット使用時のスタイルを追加しました。

- 2007.10.14 -
テンプレート構造を少し見直しました。具体的にはナビゲーションバーを<div id="container-inner">～</div>に包含するようにしました。

- 2007.09.24 -
ページアクセスランキング機能を追加しました。それに伴って prototype.ajax.js、サイドバー (2カラム)、サイドバー (3カラム)テンプレートモジュールを変更しています。
詳しくはマニュアルを参照してください。

- 2007.09.23 -
日付アーカイブのブログ内検索にて検索すると、段落ちしてしまう不具合を対応しました。
具体的にはサイドバー (2カラム)、サイドバー (3カラム)テンプレートモジュールの以下の部分を修正してます。

サイドバー (2カラム)、サイドバー (3カラム)

<div class="widget-content">
<form method="get" action="javascript:ajaxsearch_contents();">
<table><tr>
<td><input type="text" id="search_box" value="" /></td>
<td><input type="hidden" id="search_button" onclick="javascript:ajaxsearch_contents();" /></td>
</tr></table>
</form>
<div id="search-content"></div>
</div>

青い字の部分を追加しました。

- 2007.09.02 -
システムテンプレート内にある検索結果テンプレートをデフォルトのまま配布してました (´Д｀；) すいません。
正しいテンプレートを含めましたので、再度ダウンロードおよび、システムテンプレートの検索結果の更新をお願い致します。

dtree.posts.js の不具合を対応しました。
具体的には、コメントツリーのトップID(=1)、トラックバックツリーのトップID(=2)と定義してたので、コメントID=(1)または、トラックバックID(=2)の場合、ID が合致してしまい、dtree.js が無限ループに入ってしまう現象でした。
わたしのサイトでは、とっくに ID=1、ID=2 が通り過ぎちゃってたので盲点(浅はか)でした。
良かった早めに見つかって (;￣∇￣A tacky さんご協力ありがとうございます。

- 2007.09.06 -
マニュアルを更新しました。配布元の dtree.js を修正しないと正しくアイコンが表示されない説明を追加しています。
詳しくはMovableTypeのカテゴリ一覧などをツリー表示する２を参照にしてください。

テンプレートのダウンロード

テンプレート MT.2 for Movable Type 4

テンプレートの設置

Movable Type 4 テンプレート設置のためのファイルを用意しました。
以下のマニュアルをお読みください。ファイル形式は PDF です。
Movable Type4テンプレート設置マニュアル

Trackback Pings(0)

TrackBack URL for this entry:

No trackbacks found.

Comments(28)

#1: Posted by sinnchan [RES]

初めまして。
こちらのテンプレートをMT4上で使おうとマニュアルに添って作業してみたのですが、最後の再構築の段階で、下記のようなエラーが出てしまいました。

-----------------------------------------------
カテゴリ「4」の再構築中にエラーが発生しました: テンプレート「ブログ記事リスト」の再構築中にエラーが発生しました: テンプレートタグMTIncludeでエラーが発生しました: error in module ヘッダー: テンプレートタグMTIncludeでエラーが発生しました: error in identifier styles: テンプレートタグMTLinkでエラーが発生しました: 'スタイルシート(テーマ別)'というテンプレートが見つかりませんでした。
-----------------------------------------------

恐らくテンプレートの新規作成の段階で保存したときに「同じ名称のファイルが存在するため保存できません」という意味のエラーメッセージが出たので、その影響と思われますが、MT4の管理画面上では新規作成したテンプレートが存在するよう表示されています。
先週、こちらのテンプレートを使ってみたいと挑戦したところ、同じような現象が発生したため、断念した経過があり、今回も数時間頑張ってみましたがうまくいきませんでした。

どのような対処をしたらよいかご教示ください。
よろしくお願いします。

Posted on September 3, 2007

#2: Posted by bzbell [RES]

>>1 sinnchan さん

こんばんわ^^

テンプレート使っていただいてありがとうございます (●＞∀＜●)

> どのような対処をしたらよいかご教示ください。

はい。
まず、「ヘッダー」についてですが、テンプレートモジュール一覧内の「コンテナ」というテンプレートモジュールを新規作成したと思います。
それをクリックすると、右端に「コンテナ」テンプレートモジュールからインクルードしている、テンプレートモジュールの一覧が表示されます。

インクルードしてるテンプレートモジュールがなかったり、名称が違ったりすると「新規作成」と表示されるのですが、そういったテンプレートはありませんか!?

もしある場合、名称が間違ってるか、圧縮ファイル中のファイルを直接コピペした可能性があります。
再度確認してみてください。

また、「スタイルシート(テーマ別)」は新規で作成する必要があります。
マニュアル中のインデックステンプレートのところで説明してますので、ご確認ください (●´∀｀●)

マニュアル中で分かりにくい表現がありましたらご連絡ください。ご説明しますので (￣∇￣)b

Posted on September 4, 2007

#3: Posted by sinnchan [RES]

こんにちは。sinnchanです。
早速のご回答ありがとうございました。

まず「コンテナ」ですが確認したところ、インクルードしているモジュール一覧が表示されており、問題ないと思われます。
他のテンプレートについてはまだ確認していませんが「JavaScript(dtree.posts.js)」や「JavaScript(prototype.ajax.js」、「スタイルシート（テーマ別）」にはインクルードしているモジュール一覧が出ていないことから、何らかの異常があると思われます。（その前に新規作成した際に、正常に保存できなかったので、それが影響しているのかもしれません。）

そこで何点かご質問ですが、
（１）テンプレート作成時の種類設定は必要でしょうか？
（デフォルトでは「カスタムテンプレート」となってます。）

（２）ファイル内容のコピー＆ペースト方法
　ダウンロードしたデータをいったん解凍し、該当ファイルをTeraPad等のツールで開いて、その内容をコピー＆ペーストする方法でいいのでしょうか？

（３）default_templatesのアップロード場所
　ダウンロードしたdefault_templatesフォルダのデータは、リネームしたdefault_templates.org/ディレクトリ内にまるごと入れるのか、それともmt/ディレクトリの直下に置くのか、いずれでしょうか？

（４）インデックスバックアップファイルの取り扱い
　インデックステンプレートを初期化した際、テンプレート名の一覧に「○○○○○(Backup from 2007-00-00 00:00:00)」というのが出ますが、これはこのままにしてよろしいのでしょうか？。

以上、長文で申し訳ありませんが、ご教示をお願いします。

※コメント欄に長文を残すのは申し訳ないので、いったん削除していただき、ご回答はメールでお送りくださっても結構ですので、よろしくお願いします。

Posted on September 4, 2007

#4: Posted by bzbell [RES]

>>3 sinnchan さん

こんにちわ^^

> まず「コンテナ」ですが確認したところ、インクルードしているモジュール一覧が表示されており･･･

そうですか、ちゃんと評価されてますか。
だとすると、｢ヘッダー｣内で「スタイルシート（テーマ別）」をリンクしてますので、根源は「スタイルシート（テーマ別）」が作成されてないことが原因かと思われます。

> (その前に新規作成した際に、正常に保存できなかったので、それが影響しているのかもしれません。)

そうですね、上記でも記しましたが間違いなく!? それが原因のように思います。

そのドロップダウンリストは MT で設定されているデフォルト・テンプレート名称なんです。カスタマイズも可能ですが、今回は「カスタムテンプレート」で問題ありません。
テンプレートのファイルによります。
たとえば、圧縮ファイル中の default_templates/ フォルダ内のファイルはコピー & ペーストではダメです。必ず、デフォルトの default_templates/ ディレクトリと入れ替えた後、テンプレートの初期化を行う必要があります。
それ以外のテンプレートはコピー & ペーストで問題ありません。
mt/ ディレクトリの直下でお願いします。
sinnchan さんの方で不要でしたら削除しても構いませんよ。
テンプレートの適用に失敗したときにのためのバックアップなだけですので。

> ※コメント欄に長文を残すのは申し訳ないので、いったん削除していただき、ご回答はメールでお送りくださっても結構ですので、よろしくお願いします。

いえいえ、ぜんぜん問題ありませんよ。
わたしもどちらかと言えば長文になりがちですので (#^.^#)

Posted on September 4, 2007

#5: Posted by sinnchan [RES]

こんばんは。
自宅に帰って格闘すること数時間・・・。アドバイスを頂いたおかげで何とか完成しましたのでお知らせします。
色々とお忙しい中、丁寧なアドバイスを頂きありがとうございました。
しばらくテストをしてから、本Blogへの移植作業をしたいと思ってます。
今後もお邪魔するかもしれませんが、よろしくお願いします。

（追伸）
テストBlogのURLを入れてみましたが、どうも一部表示がおかしいところがあります。
これって必要なファイルが鯖にＵＰされていないということでしょうか？
最後の最後まですみません・・・（汗）。

Posted on September 4, 2007

#6: Posted by bzbell [RES]

>>5 sinnchan さん

こんばんわ^^

> 色々とお忙しい中、丁寧なアドバイスを頂きありがとうございました。

いえいえ、表示できるようになってよかったです。
何が原因だったんですか（￣∇￣）!?

> テストBlogのURLを入れてみましたが、どうも一部表示がおかしいところがあります。

コメント／トラックバックツリーのイメージのことですね (￣∇￣)b
sinnchan さんの dtree.posts.js でイメージファイルの指定が削除されてる!? ようです。
もしかして削除されました!?

あと、せっかく設置したのに申し訳ないのですが、改めて圧縮ファイルをダウンロードして適用していただけますか。
テンプレートの構造を少し変更したのと JavaScript の不具合を対応してますので。

Posted on September 5, 2007

#7: Posted by sinnchan [RES]

こんばんは。度々のお邪魔で失礼します。

＞何が原因だったんですか（￣∇￣）!?
はっきりとはわからないんですが、恐らくテンプレート新規作成時に「テンプレートの種類」を「カスタム」以外にしたのが原因かもしれません･･･。知ったかぶりをして「カスタム」以外を選んだのが仇になったのかも？（滝汗）。

＞dtree.posts.js でイメージファイルの指定が削除されてる!?
いや～、削除はしてないですよ。つい先程も再度「dtree.posts.js」の内容をコピー＆ペーストして再構築してみたんですが、やはり「コメント／トラックバックツリーのイメージ」は正常に表示されませんでした。何が原因なんでしょうね・・・。
あ、圧縮ファイルは改めてダウンロードし適用しなおしました。

Posted on September 5, 2007

#8: Posted by bzbell [RES]

>>7 sinnchan さん

こんばんわ^^

> 何が原因なんでしょうね・・・。

ごめんなさい (;￣∀￣A 今 dtree.posts.js を見たら、わたし、dtree のデフォルトアイコンを使用してました。
なので、原因は配布元の img/ ディレクトリを dtree.js と同じ場所にアップロードし忘れてることが原因だと思われます (ｏ￣∀￣)

あと、sinnchan さんとこの上部にあるナビバーが '?' になってるのは文字化けじゃないですよね。sinnchan さんが意図的に '?' にしてるんですよね (;￣∀￣A ドキドキ

Posted on September 5, 2007

#9: Posted by sinnchan [RES]

こんばんは。何度もコメントしましてすみません。
今、dtreeと格闘？してましたがどうにも解決の光が見えてきません。

教えていただいたdtreeのimg/ディレクトリですが、私の場合はマニュアルどおりの配置で、js/dtree/img/としています。またdtree.jsはjs/dtree/ディレクトリに置いているため、img/とdtree.jsは同じ階層に置いてあります。

先程、dtree.posts.jsを覗いてみたところ、
var node = 0;
var depth = 0;// 階層

a = new dTree('a');
a.config.useCookies = false;
a.add(0, -1, '', '', '');

の構文あたりに何かヒントがありそうな気がしたのですがいかがでしょうか？。

あとナビバーの'？'は特に何もしてませんよー。
普通にテンプレートを配置していたらこうなりました。

すみませんが、もうしばらくアドバイスの程、お願いします。

Posted on September 5, 2007

#10: Posted by sinnchan [RES]

bzbellさま

こんばんは。sinnchanです。
長いこと苦戦していた「コメント／トラックバックツリーのイメージ」ですが先程、ようやく解決しました。「何かヒントがあるだろう･･･」とネットで探していたら、見事に発見！。
dtree.jsの中で各アイコンの置き場所指定がデフォルトでは「/img」となってますが、私のテストblogのURL(http://xxx.xx/js/dtree/img/xxx.jpgというふうに)を打ち込んであげると無事表示されたんです。

実はこのヒント、このBlogのエントリから発見したんですよ。
bzbellさんに頼ってばかりいて、自分で調べるのを疎かにした罰かもしれませんね（苦笑）。

何はともあれ、この件は解決しましたのでお知らせします。

あとナビバーは・・・。
そんなに急がないので原因がわかりましたら教えてください。
私も頑張って調べてみます。

Posted on September 6, 2007

#11: Posted by bzbell [RES]

>>9 sinnchan さん
>>10 sinnchan さん

こんばんわ^^

> dtree.jsの中で各アイコンの置き場所指定がデフォルトでは「/img」となってますが、私のテストblogのURL(http://xxx.xx/js/dtree/img/xxx.jpgというふうに)を打ち込んであげると無事表示されたんです。

あっ!! そういえばそうでしたっ Σ（￣Д￣；）ガーン!!
その対応したものを配布すると、2次配布になっちゃうだろうし･･･。

つくづく、配布元さんもうちょっと考えてくれればいいのに･･･と思う今日この頃です。

ごめんなさい、もっと早く気づくべきでした。

マニュアルのほう明記します。

Posted on September 6, 2007

#12: Posted by sinnchan [RES]

bzbell さん

こんにちは。sinnchanです。
色々とこのエントリでアドバイスを頂きましたが、無事メインBlogの方にテンプレートを設置することが出来ましたのでお知らせします。設置まで苦労したテンプレートですので、大事に使わせていただきます。
色々とありがとうございました。

ところで色々とお聞きした流れで、もう１つ教えてください。
Blog内に様々なBlogパーツを取り付ける際は、どのようにしたらよいのでしょうか？
他の方とのやりとりを拝見すると、ユーザ用テンプレートをもう１個作り、それをテーマ別スタイルシートに関連付ける、という方法が書かれてあったのですが・・・。
何分CSSは初心者なので、ユーザ用テンプレートの具体的な作成・記述例を含めて教えていただければ幸いです。
勝手なお願いで申し訳ありませんが、よろしくお願いします。
（今までのテンプレートで「Herbot」や「Flickr」を設置していたので、出来ればこのテンプレートにも設置したいのです。）

Posted on September 8, 2007

#13: Posted by bzbell [RES]

>>12 sinnchan さん

こんにちわ^^

> 色々とありがとうございました。

よかったぁ (●´∀｀●)
こちらこそありがとうございます♪

で、ご質問の件ですがマニュアルにて、カンタンにカスタマイズの説明など追記しました。
そちらを参考にしてみてください。

不明点などありましたら、その都度ご連絡いただければできる限りのことはいたします (￣∇￣)b

Posted on September 8, 2007

#14: Posted by sinnchan [RES]

bzbellさんへ

こんにちは。sinnchanです。
先日は私のBlogへコメントありがとうございました。
ところでご指摘いただいた「コメント関係のプラグイン　mt-link-number」ですが、私のレンタル鯖内にはUPしてあったので変だな～と思い確認したところ、この機能を使いたいテンプレート内に構文を記述する必要があるようです。

そこでお尋ねしたいのですが、この構文を記述する必要があるテンプレートはどれが該当するのでしょうか？。
またファイル内のどの場所に記述すればよいか、についても併せて教えてください。

私も頑張って試行錯誤してみます。

Posted on September 10, 2007

#15: Posted by bzbell [RES]

>>14 sinnchan さん

こんばんわ^^

> ･･･この機能を使いたいテンプレート内に構文を記述する必要があるようです。

その機能は既にテンプレート内に組み込まれてます (●´∀｀●)
具体的には、圧縮ファイル中の以下のファイルになります。

comment_form.mtml
このファイルは「コメント入力フォーム」です。
comment_detail.mtml
このファイルは「コメント詳細」です。

上記はいずれもテンプレートモジュール画面にあります。
また、sinnchan さんのとこでコメント・プレビューしたところ、「コメント詳細」でエラーしてるみたいですね。

「コメント詳細」の中に MTCommentOrderNumber というタグを使ってコメント番号を表示させています。

そこで、sinnchan さんのコメントの設定の状況を教えてください。
「ブログの設定」の左端にある「コメント」と「登録／認証」の内容を、わたしんとこのメールフォームで送っていただけますか。

Posted on September 10, 2007

#16: Posted by inte16 [RES]

はじめまして、こんばんはm(_ _)m

テンプレート MT.2 for Movable Type 4を利用させていただいているのですが、
表示時にjsまわりでエラーが出るようで、
IE7のステータスバーに「ページでエラーが発生しました」と表示されます。

Recent Comments等もうまく表示されません。

手順書を確認したり、いろいろ錯誤してみたのですが、
お手上げ状態になってしまったので、質問させていただきました。

IE6でも同様のエラーが出たので、ブラウザ依存の問題ではないと思っています。
どこかテンプレートまわりの設定がおかしいのでしょうか？

Posted on November 6, 2007

#17: Posted by NANA [RES]

>>16 inte16 さん

こんばんあ^^

テンプレ使っていただいてありがとうございます。
さっそく inte16 さんとこのテンプレートを確認させてもらいました。

エントリページに限らずすべてのページにおいてエラーしてるようですね。
prototype.ajax.js を確認したところ、inte16 さんのサイト名にシングルクォーテーション( ' )が使われているため、それによって、prototype.ajax.js 内の 329 行目でエラーしているようです。

そこで prototype.ajax.js の 329 行目を以下のように変更してみてください。

変更前
var title    = encodeURIComponent(document.title.replace(' - <$MTBlogName$>', ''));
変更後
var title    = encodeURIComponent(document.title.replace(" - <$MTBlogName$>", ""));

シングルクォーテーションをダブルクォーテーションに変更することでエラーは解消されると思います。
ご確認ください。

Posted on November 7, 2007

#18: Posted by inte16 [RES]

>>17 NANA さん

こんばんは。
アドバイス、どうもありがとうございます。

まさかblogタイトルのシングルクォートが邪魔していたとは…(^^;

教えていただいたprototype.ajax.jsの修正だけではダメだったので、
MTBlogName をキーに調べ、dtree.posts.jsの14行目も修正しました。

変更前
　a.add(0, -1, '', '', '');

変更後
　a.add(0, -1, "", "", "");

この修正も併せて行って無事にエラー無く表示することができました。
丁寧に教えていただきありがとうございましたm(_ _)m

Posted on November 7, 2007

#19: Posted by bzbell [RES]

>>18 inte16 さん

こんばんわ^^

inte16 さんが対応されたように、JavaScript 用にエンコードすれば問題ありませんね。

> MTBlogName をキーに調べ、dtree.posts.jsの14行目も修正しました。

そうですね、うっかりしてました (;￣∇￣A
とりあえず、問題解決して何よりです♪

Posted on November 7, 2007

#20: Posted by inte16 [RES]

>>19 bzbell さん

こんばんは。
ご対応いただいてありがとうございました。

うまく動くようになったと思ってたのですが、
個別エントリのページを開くをまたまたエラーが出ます。

commenter_name が宣言されていないという内容なので、
mt.jsの読み込みができていないのかなと探っているのですが…

DB上にはちゃんと書き込まれているんですが、
Now Loadingが延々と続いて、先に進まない症状が出てしまっています。

重ね重ねで申し訳ないですが、お助けいただけないでしょうか？

Posted on November 7, 2007

#21: Posted by bzbell [RES]

>>20 inte16 さん

> mt.jsの読み込みができていないのかなと探っているのですが…

はい。そのようですね。
mt.js はエントリページのみロードされるのですが、inte16 さんとこのエントリページでは mt.js が HTML ヘッダ中にないため、エラーしてると思われます。

ヘッダ・テンプレートモジュールを変更されてますか?

Posted on November 7, 2007

#22: Posted by inte16 [RES]

>>21 bzbell さん

お世話になります。

mt.jsが読み込めていなかった件については、
インデックステンプレートの種別設定をミスっていたようで、
JavaScript (mt.js)のみをテンプレートの種類「JavaScript(javascript)」にし、
それ以外の.jsを「カスタムインデックステンプレート」にすることでエントリーページでmt.jsが読み込まれるようになりました。

ただ、コメント投稿後に、Loadingのアイコンが出たままになってしまう現象はそのままです。
# 別のブラウザから覗いてみると、正常にコメント登録は出来ているのですが…

Posted on November 8, 2007

#23: Posted by bzbell [RES]

>>22 inte16 さん

こんばんわ^^

> ただ、コメント投稿後に、Loadingのアイコンが出たままになってしまう現象はそのままです。

先ほど inte16 さんとこで投稿確認させてもらいました。
確かに ajaxloader が表示されっぱなしだし、投稿後のメッセージも表示されませんね。

JavaScript はエラーしてませんので、考えられることはシステムテンプレートのコメント完了・テンプレートの設置がうまくいってない場合に同様の現象が発生します。

ちなみに、MovableType MEMO で配布するコメント完了・テンプレートは以下のものです。

<MTIf name="body_class" eq="mt-comment-confirmation">
<MTCommentsHeader><h3 class="comments-header">Thank you for commenting</h3></MTCommentsHeader>
<div class="comments-content">
<p>Your comment has been received and held for approval by the blog owner.<br />
<span style="font-weight:bold;">コメントを投稿しました。</span></p>
</div>
</MTIf>

<MTIf name="body_class" eq="mt-comment-pending">
<MTCommentsHeader><h3 class="comments-header">Thank you for commenting</h3></MTCommentsHeader>
<div class="comments-content">
<p>Your comment has been received and held for approval by the blog owner.<br />
<span style="font-weight:bold;">コメント受け付けました。ありがとうございます。</span></p>
</div>
</MTIf>

<MTIf name="body_class" eq="mt-comment-error">
<MTCommentsHeader><h3 class="comments-header">Comment Submission Error</h3></MTCommentsHeader>
<div class="comments-content">
<p>Your comment submission failed for the following reasons:<br />
<span style="font-weight:bold;"><$MTErrorMessage$></span></p>
</div>
</MTIf>

正しく設置されてるか確認していただけますか。

Posted on November 8, 2007