Macromedia風テンプレート・追加テンプレートについて

mm_template040604.gif
既に何人かの方に使っていただいている「Macromedia風テンプレート」ですが、サイドメニューに埋め込む形で表示している「追加テンプレート」について詳しい説明を書きたいと思います。この追加テンプレートは全てのアーカイブページに色んな情報を表示して、その中身を常に最新の状態に更新するために、各ページに共通する要素を外部JavaScriptとしてコンポーネント化したものです。仕組みがシンプルゆえに不具合もありますが、以下の注意点に気をつけながら、お好みに合わせて利用してください。

テンプレートの構成

配布版のテンプレートセットで、追加テンプレートへのリンクが埋め込まれているのは、
  • Individual Entry Archive.html
  • Category Archive.html
  • Date-Based Archive.html
の3つのアーカイブテンプレートで、それぞれの外部JavaScriptが読み込んでいる内容は、
Calender.js
「Archives」に表示するカレンダーとMonthly Archives(月別のバックナンバー)
Categories.js
「Categories」に表示するカテゴリー一覧
Profile.js
「Profile」に表示する自己紹介のテキスト(HTML使用可)
Recent Entries.js
「Recent Entries」に表示する最新10件の新規エントリー一覧
となっています。Main Indexにも同じ項目が表示されていますが、こちらは追加テンプレートを読み込まずに、直接Main Indexテンプレート内に同じタグが書き込まれる形になっています。 この追加テンプレートの部分は、Macromedia風テンプレートにとってあくまでオプション的な存在なので、必要ないと思われる方や、設定や動作に不安があるという場合にはJavaScriptの記述の部分を削除して、標準テンプレートのみの構成でお使いください。使いたい項目だけ残して、他を削除すれば自由な組み合わせで利用できますが、追加テンプレートを生成しない場合には、必ずその呼び出し元のソースも削除するようにしてください。そうしないとブラウザでエラーになってしまいます。(見た目上はメニューの中身が何もない、というだけですが)
削除する部分の例: <script type="text/javascript" src="<$MTBlogURL$>recent_entries.js"></script>

既知の不具合&アイデア募集

この追加テンプレートは、なるべく環境に依存せずにMTのテンプレート設定だけで誰でも簡単に導入できるようにと考えた結果、「外部JavaScript」という方法を選びました。各テンプレートの中身は、document.writeでHTMLソースを記述するだけの非常にシンプルなものです。頭の良い方はすでにお気付きだと思いますが、この方法には一つだけ欠点があります。document.write内に読み込む文字列に「'」(シングルクォーテーション)が含まれていると、JavaScriptが命令文の終了と勘違いしてエラーを起こしてしまい、結果としてサイドメニューの中身が表示されなくなってしまいます。そこで、大変申しわけないのですが、この追加テンプレートを使っている場合には、
  • 「エントリー名」「カテゴリー名」にシングルクォーテーションを使わない
という掟を守るようにしてください。そうしないと「Categories」「Recent Entries」がうまく表示できません。 この問題さえなければ、全てのアーカイブに「Recent Coment」と「Recent Trackback」も表示することができたのですが、さすがに不特定多数のユーザが書き込むコメントやトラックバックPingの中に「'」が入ってないかどうかまでは検地できません。もちろん色々と対処法は考えられるのですが、なにぶん私にはプログラミングの素養が全くないので、調べてはみたものの手が出せませんでした。そんなわけで、とりあえず「Recent Coment」と「Recent Trackback」はMain Indexだけに入れたバージョンでリリースしたのですが、「シングルクォーテーション問題」を回避する良い方法を思いついた方がいましたら、是非とも教えていただきたいです。。

多分一番理想的なのは、Movable Typeのプラグインとして、コメントやトラックバックからシングルクォーテーションを除去するCGIを作って導入する、という形ではないかと思います。DB書き込み時に「'」→「’」のように半角→全角変換してくれれば良いと思うのですが・・。

トラックバック(2)

Macromedia風テンプレートをいじる。(画像の挿入) 続きを読む

Macromedia風テンプレート・追加テンプレートについて:風のまにまに号 初のコメントを書くのに上記のサイトを書かなければルールの反します(笑 上記のMacromedia風テンプレートを使わせて頂きました。...... 続きを読む

コメント(6)

こんにちは。テンプレートを使用させていただいてます。
大変まとまったデザインで大変重宝しております。
さて、テンプレートを直接Movable Typeの管理画面にコピー&ペーストしているのですが、
サイドメニューカテゴリ内のブログ等、スクリプトでリスト一覧を表示してるものの
フォントを小さくしたいのですが、どこを修正すればいいのかわかりません。
もしカテゴリ内にその点が書かれていたら申し訳ありません。
熟読したのですが、知識不足ゆえ、みつけられないでいるので質問させてもらいました。
ここのコメントに書いていいものかと迷いましたが、
サイドメニューについての内容でしたので……。
どうぞよろしくおねがいいたします。

ともこさん、こんばんは。
フォントサイズの変更は、CSSファイル(emx_nav_right.css)の編集で行うと良いと思うのですが、具体的には
#pageNav{
font-size: 10pt;
}
となっている部分のフォントサイズを6ptなど小さな値に変更すると小さくすることができます。

ありがとうございます。
さっそくためしてみます。
これからも参考にさせてもらいますので
よろしくおねがいします!

はじめましてm(_"_)m
Macromedia風テンプレート使用設置させて頂きました。
先ほどトラックバックを編集していたら2回送信したのではと心配していました。(^^;
御迷惑お掛けしていたらすみません!
初心者ですが今後とも宜しくお願い致します。
かなり満足しています。感謝です。

xtensさん、テンプレート使っていただきありがとうございます。トラックバックの重複分は削除しておきました。ついでにxtensさんのエントリーにテストを兼ねてトラックバックしてみました。
↓トラックバックの自動リビルド設定をしておくと良いですよ。
http://wandering-wind.jp/archives/2003/1204163321.html

色々御面倒お掛けしました。
トラックバックの自動リビルド設定の件早速挑戦したいと思います。
有難う御座います!

このサイトについて

多摩川のほとりでのんびり暮らす3人家族の日常と果てなき好奇心を綴ったブログです。

最近のコメント

バックナンバー