≪HOME(21世紀のアフィリエイト通販生活)

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

せっかく高機能なDreamweaver MX 2004を持ってるのに使わないと損!

なのでMovableTypeのテンプレートもDreamweaverで編集できるようにしてみました。これをやるまでテンプレート編集画面で、「このテンプレートにリンクするファイル」の意味が判らなかったんですが、なるほど判ってしまえば簡単な事です。

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

サイト表示用と同期用の二つのファイル名を指定!

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

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


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

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

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

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

終わったら保存&再起動!

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

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

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

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

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

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

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


DREAMWEAVER 8 Commercial
DREAMWEAVER 8 Commercial
posted with amazlet on 06.03.01
マクロメディア (2005/10/12)
おすすめ度の平均: 4
4 Web作成の業界標準ソフトのメジャーバージョンアップ

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

投稿者 Locutus : 2005年01月17日 17:35 EDIT   カテゴリ⇒ MovableTypeカスタマイズ

この記事のトラックバックURL :
トラックバック

MOVABLE TYPEのテンプレートをドリで編集 from 110chang
DreamweaverでMovableTypeのテンプレートファイルを編集! MOVABLE TYPE(以下MT)でCMSなサイトを作るにあたって、MTの管理... [続きを読む]

トラックバック時刻: 2005年06月04日 19:44

Dreamweaverの新プラグイン「Dreamweaver 拡張機能 for Movable Type 3」 from WEB業界の IT ニュース コラム
Dreamweaver向けにMovable Typeのタグが使えるプラグインがリ... [続きを読む]

トラックバック時刻: 2005年06月14日 13:01

Dreamweaverの新プラグイン「Dreamweaver 拡張機能 for Movable Type 3」 from WEB業界の IT ニュース コラム
Dreamweaver向けにMovable Typeのタグが使えるプラグインがリ... [続きを読む]

トラックバック時刻: 2005年06月14日 13:06

Dreamweaverの新プラグイン「Dreamweaver 拡張機能 for Movable Type 3」 from WEB業界の IT ニュース コラム
Dreamweaver向けにMovable Typeのタグが使えるプラグインがリ... [続きを読む]

トラックバック時刻: 2005年06月14日 13:07

DreamweaverでMTのテンプレートを編集 from 発見と行動の法則
 マクロメディアとシックス・アパートは6月14日、Movable Type(MT)に対応したMacromedia Dreamweaver MX 2004用の... [続きを読む]

トラックバック時刻: 2005年08月18日 09:39

デザイン更新中〜テンプレをDreamWeaverで編集 from Memodump
movabletypeのテンプレートを特定のファイルとリンクさせる方法。 これに... [続きを読む]

トラックバック時刻: 2006年06月30日 10:12

松嶋菜々子キャンペーン1水着キャンペーンガールを起用している(いた)主な企業・団体;2水着キャンペーンガールの歴史;3代表的な水着キャンペーン及川麻衣(東レ、JAS/1991年、資生堂、 from youtubeの動画
TITLE: 松嶋菜々子キャンペーン1水着キャンペーンガールを起用している(いた)主な企業・団体;2水着キャンペーンガールの歴史;3代表的な水着キャンペーン及川麻衣(東レ、JAS/1991年、資生堂、 URL: http://www.idouga.biz/youtube/adaruto/data47.html IP: 216.176.180.170 BLOG NAME: youtubeの動画 DATE: 01/24/2007 07:23:10 PM [続きを読む]

トラックバック時刻: 2007年01月24日 19:23

松嶋菜々子キャンペーン1水着キャンペーンガールを起用している(いた)主な企業・団体;2水着キャンペーンガールの歴史;3代表的な水着キャンペーン及川麻衣(東レ、JAS/1991年、資生堂、 from youtubeの動画
TITLE: 松嶋菜々子キャンペーン1水着キャンペーンガールを起用している(いた)主な企業・団体;2水着キャンペーンガールの歴史;3代表的な水着キャンペーン及川麻衣(東レ、JAS/1991年、資生堂、 URL: http://www.idouga.biz/youtube/adaruto/data47.html IP: 216.176.180.170 BLOG NAME: youtubeの動画 DATE: 01/24/2007 07:23:48 PM [続きを読む]

トラックバック時刻: 2007年01月24日 19:23

小倉優子-プニプニスク水ロリ動画。小倉優子-プニプニスク水ロリ動画。小倉優子の動画が見れます。中段あたりの「本日のお宝ここから」の一番上の記事です。|01.15.2007|;集めまくり【エ from youtubeの動画
6q-sIWTErxw [続きを読む]

トラックバック時刻: 2007年01月26日 21:13

≪HOME(21世紀のアフィリエイト通販生活)

王冠 ナンバー1の稼ぎ頭 王冠

エーハチ・ネット

一番複数サイトがある場合は、同じアカウントのまま簡単追加!広告コード取得が簡単なのでも有名です。

最近の記事
エックスサーバーのメリット
エックスサーバーのデメリット
エックスサーバーがMovableTypeのインストールマニュアルを公開
ノートン・インターネットセキュリティ
レッチリ~ダニー カリフォルニア♪
最近のトラックバック&コメント
カテゴリー
月別アーカイブ[過去記事]
BlogPeople
自分のリンクリストに登録する!
ブログ作成・お役立ちリンク
ブログの記事&タイトル考察リンク