Vicunaテンプレートのカスタマイズ

VicunaはCSSのコメントアウトを外すことでモジュールを追加したり、カスタマイズできるわけだけど、毎回オリジナルファイルを編集してしまうと変更箇所がわかりにくいしVicuna自体のアップデートに対応できない。

ということで別途CSS(css/customize.css)を用意して変更したいスタイルを上書きしてしまうことにした。

まず管理画面からstyles.cssを編集して2行目に以下を追加。

@import url(<$MTBlogURL$>css/customize.css);

customize.css でアイキャッチ画像用モジュールの読み込みと画像のパスを上書き。
@importもコメントの下に書きたいところだけど、仕様上どの規則集合より前にないといけない。

@import url(../cgi-bin/mtos/mt-static/themes/style-flat/module/mod_eyeCatch-long.css);

/* 5-module.css */
/* @import url(mod_eyeCatch-long.css) */
    div#content {
        background-image: url(images/long.jpg);
    }

ついでにエントリ本文の文字色を#000000に変更。

/* 1-subSkin.css */
div.textBody {
    color: #000;
}