Movable Type 備忘録
Movable Type 4.1 用テンプレート(BLADESILVER)
- Next Page: Movable Type 4.1 用テンプレート(TUBES)
- Prev Page: 正しいマークアップ(Another HTML-lint gateway)
こんばんわ^^
先日から、配布するテンプレートを IE6.x の後方互換モードに対応するようにしたのですが・・・IE はやっぱりくせ者ですねぇ (; ̄- ̄)
わたしは最初に Safari でテンプレートを作ってから各ブラウザでの微調整や表示確認してます。
各ブラウザでできる限り同じように表示されるよう調整していくわけですが、Firefox や Opera などはほぼそのままイケるのに、IE で大幅に時間を費やします(つω-`。)
IE6.x の標準モードならまだ素直にデザインすることができるんですけど、後方互換モードでは IE6.x に特化したスタイルを強いられます(つω-`。)はぁ
Safari なんて HTML5 や CSS3 をサポートしてるのに・・・WEB フォントが使えるのに(。-ω-)ぼそ
さて、IE6.x の愚痴はこれくらいにして、以前ご紹介したこちらのテンプレート MT.2 for Movable Type 4をリニューアルしてみました。
良かったら使ってみてください ( ̄∇ ̄)/
テンプレートについて
Movable Type MEMO のテンプレートセットでは、以下のいずれかのテーマを選択できるようにしてます。
- Movable Type 4.1 用テンプレート(CINE)
- Movable Type 4.1 用テンプレート(FLORAL)
- Movable Type 4.1 用テンプレート(BLADESILVER)
お好みで選択してください。
また、MailForm プラグイン用のテンプレートも同梱してます。
ここでは詳しくは説明しませんが、以下のページを参考にして頂けたらと思います。
テンプレート設置について
テンプレートは以下の手順で設置できます。
テンプレートセットのインストール
以下の圧縮ファイルをダウンロードして適当なフォルダに展開します。圧縮ファイル中の mt/plugins/ フォルダの中を見ると、いくつかのプラグインを同梱しています。
それらはテンプレートで使用しているプラグインたちです。既に同一のプラグインをインストール済みの場合にはご注意ください。
現象としては、重複してプラグインを mt/plugins/ フォルダの中にアップロードすると、Movable Type の管理画面でスクリプトエラーのような類のメッセージ表示がされます。
アップロードしただけでは、何もされませんので落ち着いてアップロードしたプラグインを削除して、改めて重複するプラグインがないか確認してください。また、PageBute プラグインに関してはこちらのPageBute プラグインをカスタマイズとPageBute プラグインをカスタマイズ2でご紹介したカスタマイズを施してます。
カスタマイズ2の方が問題で、MT のデフォルトタグ名称とブッキングしているので PageBute プラグインのタグ名称を変更したものが同梱されてます。 ですので、他のテンプレートで既に PageBute プラグインを使用している場合、どちらかに合わせる必要があります。ウェブページ内でページの前・次リンクを使用しないのであれば、タグ名称がブッキングしてても特に影響はないかと思われます。
オリジナルの PageBute を使用する場合には、同梱してます PageBute プラグインの変更、およびそれに伴ったテンプレートの修正を以下の手順で行ってください。同梱してる PageBute プラグイン変更
こちらのPageBute プラグインをカスタマイズ2でご紹介したカスタマイズ(タグ名称)を元に戻します。テンプレートの修正
PageBute プラグイン変更に伴って以下のテンプレートを変更します。- mt/plugins/mt_memo/templates/modules/container.mtml
- mt/plugins/mt_memo/templates/modules/floral/container.mtml
上記ファイル内を PageBute というキーワードで検索すると、それぞれ 12 件ずつ修正箇所が見つかります。
PageBute を Page に変更することでオリジナルのタグ名称となります。
一通り問題なければ、圧縮ファイル中の mt/ フォルダの中を丸ごと(重複プラグインは除く)各自の Movable Type のインストール先にアップロードしてください。
テンプレートセットの適用
テンプレートセットのインストールが済んだら以下のページを参考にして、テンプレートセットを適用します。その際、テンプレートセットの選択には『Movable Type MEMO / bladesilver 1.02』を選択します。
手順に沿ってテンプレートを適用したら、ブログ全体を再構築します。イメージファイル/JavaScript のアップロード
最後にイメージファイル、JavaScript をアップロードします。
圧縮ファイル中の mt_memo/ フォルダを丸ごとトップページ( index.php )と同じ場所にアップロードします。たとえば、わたしのサイトで例えると、以下のようなディレクトリ構成になります。http://bizcaz.com/ | +-- mt_memo/ | +-- css/ | | +-- bladesilver/ | | | +-- ajax-loader.gif | | | : | | | : | | | | | +-- base.php | | +-- styles.php | | | +-- js/ | +-- dtree/ | | +-- dtree.js | | : | | : | | | +-- prototype/ | | +-- prototype.js | | : | | : | | | +-- mt.js | +-- index.php表示確認
正しくテンプレートが適用されたか、ブラウザから表示確認します。 主なポイントを以下に記します。- イメージファイルなどのリンク切れがないこと。
- ブログ内検索が正しく行えること。
- タグ検索が正しく行えること。
上記何れかに問題があった場合、イメージファイル/JavaScript のアップロード先が間違ってることが考えられます。
上記ディレクトリ構成を参考にして再度確認してください。
以上で設置は完了です。
お疲れ様でしたぁ (●>∀<●)/
各テンプレートの出力ファイル名
テンプレートセットを適用して再構築すると、各テンプレートは以下のようなファイル名として作成されます。
- インデックステンプレート
-
インデックス(メイン):index.php
わたしのサイトを例にすると http://bizcaz.com/index.php となります。インデックス(アーカイブ): archives/index.php
わたしのサイトを例にすると http://bizcaz.com/archives/index.php となります。インデックス(タグクラウド): archives/tagcloud/index.php
わたしのサイトを例にすると http://bizcaz.com/archives/tagcloud/index.php となります。
- アーカイブテンプレート
-
アーカイブページ(月別): %y/%m/%i
わたしのサイトを例にすると http://bizcaz.com/archives/2008/03/index.php となります。アーカイブページ(年別): %y/%i
わたしのサイトを例にすると http://bizcaz.com/archives/2008/index.php となります。ウェブページ: %-c/%-f(MT4.1 デフォルトフォーマット)
ウェブページの場合はあらかじめフォルダを作成して、その指定フォルダに任意のページ名称で作成されるます。たとえば、わたしのサイトを例にするとMovable Type 4 で使用できるプラグインはウェブページで作成してします。
MT の管理画面から『一覧』>『フォルダ』を選択して、あらかじめウェブページ用のフォルダを作成しておくと、ウェブページ作成時にそのフォルダを指定してあげることでお好きな場所(ディレクトリ)にウェブページを作成されます。以下の図はわたしのサイトで作成したフォルダ一覧になります。カテゴリページ: %-c/%i
カテゴリページに関しては MT のデフォルトフォーマットをそのままテンプレートセットプラグイン内にも記述してます。
わたしのサイトを例にすると http://bizcaz.com/archives/movabletype/template/ となります。ブログページ: %y/%m/%d-%h%n%s%x
年/月/日-時分秒 というファイル名称+『ブログの設定』>『公開』で設定された『アーカイブの拡張子』でファイルが作成されます。
このエントリを例にすると http://bizcaz.com/archives/2008/03/23-165033.php となります。
上記はあくまでもわたしのサイトで使ってるものをそのままテンプレートセットにしているものです。
再構築で出力されるファイル名は、必要であれば各自で任意に変更してください。
また、これは『Pandora Template Set』適用前から既にブログを公開していた人にとっては重要なことです。
出力ファイル名が以前と異なっていた場合、そのページの URL が変更されてしまいますのでご注意ください。
不具合のご連絡
- - 2008.04.27 - ver1.02
コメント用フィードを追加しました。
- - 2008.04.21 - ver1.01
IE6.x において月別(年別)アーカイブのレイアウトが崩れる不具合を対応しました。
- - 2008.04.07 - ver1.00
配布開始しました。
Trackback Pings(0)
No trackbacks found.
Comments(6)
-
#2: Posted by bzbell
[RES]
>>1 TomomiX さん
こんばんわ^^
> fc2ブログでも実装可能なのでしょうか。
う~ん

他のブログシステムを使ったことがないので分かりませんが、TomomiX さんとこのソースを見る限り OK そうな気がします> Tipsなどご教授いただければと思いコメントさせていただきました。
わたしのとこでは MT のタグを使用してるわけですが、スクリプトの説明をすれば TomomiX さんの方で FC2 に置き換えることはできますか

それが可能でしたらメールでご説明します
-
#4: Posted by bzbell
[RES]
>>3 TomomiX さん
こんばんわ^^
> その置き換えができるかはわかりませんが、勉強もかねてやってみたいとおもいます
わかりました

とりあえず、記事にて説明してみたので参考にしてください。
http://bizcaz.com/archives/2008/04/09-224155.php分からないことがありましたらご連絡頂ければと思います
- #5: Posted by ざざざ [RES]
こんにちは。
個人でブログを書いていて、MT形式のブログへの移行に伴いテンプレートを探していました。
こちらの「bladsilver」が気に入ったので、使用させてもらおうと考えています。
ここで質問があるのですが、デザインや色調などの改変は可能ですか?具体的に書くと、「記者、カテゴリ、タグをカナに変え記事の下側に」「背景色、文字色の変更」です。
勉強も兼ねてブログを書いているので、もう少し知識が深まれば他にも改変したい部分が出てくると思います。テンプレートの使用条件について教えてください。
-
#6: Posted by bzbell
[RES]
>>5 ざざざ さん
こんにちわ^^
> テンプレートの使用条件について教えてください。
はい。使用条件といったものは一切ありません。
ですので、テンプレートの改変はご自由にして頂いて構いません
むしろ、各自のセンスとアイデアでどんどんカスタマイズして頂きたいくらいです
ただ一つだけ言っておくと、このサイトで配布してるテンプレートは巷で配布されてるテンプレートとは違って、JavaScript(Ajax)や MT のプラグインを使用したカスタマイズ済みのものとなってます。
わたしのサイトで実際に使ってよかった各種カスタマイズなどをフィードバックしたものです。ですので、一般的にテンプレートと言われるものとは違うかもしれませんね。
テンプレートセットといった感じです


こんばんわ。
いきなり質問というか、無茶ぶりしてすみません
bzbellさんのブログ内「Recent Communications」がとても気に入っております。fc2ブログでも実装可能なのでしょうか。
Tipsなどご教授いただければと思いコメントさせていただきました。(一方的質問なのですが;;)
要件としては
・各リストにはアイコン(既存アイコンを使いますので準備済み)
・ツリー化
・折りたたみ化(ALLボタンは未実装でも可)
ツリー化などは独自で実現できましたが、ツリー化すると、リストアイコンが消えてしまったのであきらめました。。。
何かヒントなどいただければ嬉しいです。漠然的な質問で誠に恐縮です