スタイルシートの更新を簡単に
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ということで。