スタイルシートの更新を簡単に

MovableTypeでは、スタイルシートもテンプレートとして保存されていて、
それを変更するためには、
スタイルシートの書き換え>再構築
という手順が必要なのだけど、
普段サイトを作り慣れてる身にとっては、その手順が面倒この上ない。
再構築は時間も負荷もかかる。
いつも通り、アップロードするだけで反映したい。

テンプレートをよく見ると、<head>の中に

<link rel=”stylesheet” href=”<$MTBlogURL$>styles-site.css” type=”text/css” />
という記述がある。これはつまり、このスタイルシートを参照しますよ、ということなのだが、
たとえばこれを、

<link rel=”stylesheet” href=”http://www.nobodyplace.com/styles-site.css” type=”text/css” />
に書き換えてやると、それはそのまま、そのスタイルシートを読むことになる。
再構築が必要なのは、あくまでそのblogのディレクトリにある、”styles-site.css”だけなので、新たに、

<link rel=”stylesheet” href=”http://www.nobodyplace.com/styles-site.css” type=”text/css” />
という行を付け加えて、そのファイルを変更すれば、
再構築の必要なく、スタイルシートを適応できる。

結局、普段サイトを作るときと同じ事を記述してるに過ぎないのだけど、
テンプレートを作る、ということでつい頭が固くなって忘れがちなので、
一応、Tipsということで。


ちなみにうちのサイトでは、

<link rel=”stylesheet” href=”<$MTBlogURL$>styles-site.css” type=”text/css” />
これをコメントアウトしてしまっています。
なるべくカスタマイズを簡単に…という意図で用意されてるんだろうし、
MT作者が聞いたら嘆きそうなことだけど、実際のところ、別に区分けとか必要ないし、
全部完璧に自分の支配下に置くためには、用意されたスタイルシートから該当部分を探すよりも、
新しく用意しちゃった方が遙かに楽なので。