DreamweaverでMovableTypeのテンプレートを編集！

要するにMovableTypeの処理として、サイト表示用と同期用の二つのファイルを生成するという事です。

「出力ファイル名」がサイト表示用で（テンプレートタグ変換済）、「このテンプレートにリンクするファイル」が同期用です（テンプレートタグはそのまま）。

同期用に吐き出されたファイルは、MovableType管理画面のテンプレートと同期しているので、こいつをローカルに落として編集後アップすればOKなんです。同期してるので編集結果がMovableType側に反映されます。

ごちゃごちゃ言っててもしゃあないので、早速とりかかる事に。

まずリモート側に適当な名前のディレクトリ（mt_templates）を作ります。今回はルート直下に作成しました。

MovableTypeで使うモジュールファイルなどもローカルで編集したいので、mt_templatesの中にmoduleディレクトリも作成しました。

次にテンプレート編集画面の、「このテンプレートにリンクするファイル」にサイトパスからの相対パスで適当なファイル名を入れてみます。例えばメインページならmt_templates/index.html、といった感じ。

終わったら保存＆再起動！

そしたらさっき作ったmt_templatesディレクトリにindex.html が出来てます。

要するにMovableType側とこのmt_templatesディレクトリが同期できた訳です。
後はこれらのファイルをローカルに落とせばいいだけの話。ローカルに落とす事で必然的にバックアップにもなるので便利です。

必要なら他のテンプレート（アーカイブなど）も同様にします。
これからはドリで編集、リモートにアップ。MovableTypeで再起動となります。

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
※stylesheetファイルはわざわざ再構築しなくても編集結果がサイトに反映されます（激しく便利！）。 stylesheetではテンプレートタグなどは使わないので、出力ファイルとリンクファイルは同じパスにしておきます。

この時、「インデックス・テンプレートを再構築するときにこのテンプレートを自動的に再構築する」はチェック外しておきましょう。付けておいても意味がありません。
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

但し、これだけだとスタイルシート以外のテンプレートファイルの編集が煩わしくなる事必至です。なんといってもMovableType独自のテンプレートタグが数多くあるので編集がめんどくなります。なのでこちらをインスト、
⇒ HTML Editor extensions for MovableType
この拡張機能を使うとコード画面に元々ついてるタグ入力支援機能（コードヒント）にMovableTypeの独自テンプレートタグが追加されます。これで便利なMovableType用エディタの出来上がりです。

おまけとしてDreamweaverのデザインタイムスタイルシートでデザイン画面の見映えを調節できます。がしかしデザイン画面で編集するとテンプレートタグが文字化けする事があるらしいので、もひとつ役に立ちません。

DREAMWEAVER 8 Commercial

posted with amazlet on 06.03.01

マクロメディア (2005/10/12)

おすすめ度の平均:

Web作成の業界標準ソフトのメジャーバージョンアップ

└ Amazon.co.jp で関連商品を見る

関連記事
└ DreamweaverでMovableTypeのテンプレートファイルを編集！（2）
└ MovableTypeでスタイルシート（CSS）の編集を便利にする
└ DreamweaverがMovable Type 3を完全サポート--無償で拡張機能が利用可能
└ Dreamweaver 8 がMovableType3.2に完全対応！