TopMovable Typeテンプレート > 2010年11月
2010年11月15日

Movable TypeでCSSファイルやJavaScriptファイルなどを管理するためのTips

November 15,2010 2:55 AM
Tag:[, ]
Permalink

MTQに「MTの管理画面上でCSSファイルやJSファイルの編集を行い、任意の場所に保存する方法はないでしょうか」というような質問がありましたので、こちらで情報展開します。

MTQ - フォルダにHTML以外のファイルを保存できるか?

このエントリーは以前書いた「インデックステンプレートにパスを設定する」のMovable Type 5版+αになります。

1.インデックステンプレートで管理する

Movable TypeでCSSファイルやJavaScriptファイルなどのテキストファイルを管理するには、インデックステンプレートを利用する方法があります。

CSSファイルやJavaScriptファイルにテンプレートタグを使えるという利点の他、テンプレートタグを使わないファイルでもFTPを行う必要がなく、管理画面上で編集・保存が行えるというメリットがあります。

2.出力ファイル名にパスを設定して任意のディレクトリに出力

インデックステンプレートでファイルを管理する場合、インデックステンプレートの「出力ファイル名」にはパスを指定することができます。パスを指定することで、ファイルを任意のディレクトリに出力することができます。

ファイル名の先頭にパス名を指定した場合、そのインデックステンプレートが属するウェブサイト(またはブログ)のサイトパス直下に、指定したパスが作成されます。

「出力ファイル名」に相対パスを指定

「../」から始まる形式で指定することも可能です。この場合サイトパスの1つ上のディレクトリにcssというディレクトリが作成され、その直下にファイルが出力されます。

「出力ファイル名」に相対パスを指定

絶対パスを指定することも可能です。

「出力ファイル名」に絶対パスを指定

ただし、絶対パスや「../」形式の相対パスで指定した場合、上位のパスに書き込みのパーミッションがないと、再構築時に次のようなエラーになるので注意してください。

再構築時のエラー

3.インデックステンプレートの「公開」を「手動」にする

インデックステンプレートでファイルを管理する場合、再構築を毎回行う必要はないので、該当のインデックステンプレートの「公開」を「手動」に変更しておきます。こうしておけば、全体の再構築やインデックステンプレート全体の再構築で、このテンプレートは再構築の対象外になります。

「「公開」を「手動」に設定

再構築が必要な場合は、該当のテンプレート編集画面にある「保存と再構築」をクリックします。

「保存と再構築」を実施

または、インデックステンプレート一覧画面から該当のテンプレートをチェックし、「公開」をクリックします。

「公開」を実施

4.アイテムを利用する

インデックステンプレート以外でファイルを管理するには、「アイテム」を利用してアップロードする方法があります。

アイテムにはフォルダを選択する機能があるので、それを利用すれば便利でしょう。フォルダは「ウェブページ」→「フォルダ」で作成できます。

「公開」を実施

5.アイテムでアップロードしたファイルを編集する

アイテム機能でアップロードしたファイルは、基本的に管理画面上で編集することはできません。

ただし、FTPなどが使えない状況で編集を行う必要が生じた場合、中身が空のインデックステンプレートを作成し、アイテムを使ってアップロードしたファイルのパスとファイル名を「ファイルのリンク」に指定します。「ファイルのリンク」も相対パス・絶対パスが使えますが、アイテムでアップロードしたファイルは相対パスで指定します。「出力ファイル名」にも「ファイルのリンク」と同じ内容を設定しておきます。

「ファイルのリンク」に指定

この状態で「保存」をクリックすれば、アップロードしたファイルの内容が取り込まれ、編集できるようになります。

アイテム一覧からこのファイルを削除すればファイルは消されますが、再構築すればファイルは出力されます(アイテムの管理対象外)。

Comments [0] | Trackbacks [0]
Now loading...
ギターに入った猫
掲載広告募集
Styles
Font Size
Default
For defective color vision
Gray Scale
RGB Color
Search this site

このブログをメールで購読する by:FeedBurner

AMN
Categories
Monthly Archives
2020年
2019年
2018年
2017年
2016年
2015年
2014年
2013年
2012年
2011年
2010年
2009年
2008年
2007年
2006年
2005年
2004年
2003年
BlogPeople
Syndicate this site
FeedBurner(RSS1.0/RSS2.0/Atom)
Counter
これまでのアクセス
Powered by
Movable Type 6.0.3