先日、カスタムフィールドを追加したときにMT管理画面のレイアウト変更CSS記事を書きましたが、トラブル発生・・・・。
ま～。トラブルって事でもないんだけどさ。何がトラブルかと言うとcssの管理が面倒くさい。
新しいカスタムフィールドを追加するたびにmain.cssを変更しないといけないんだけど、元々main.cssには色々なid・classが記入されているのでファイルが異常に長いです。
それに、今後MTバージョンアップ時にカスタムフィールド用cssをその都度書くのは非常に効率も悪く、書き漏れなどのトラブルの原因にもなるので、カスタムフィールド用cssを別ファイルで制作・管理することに決定！！
■カスタムフィールド用CSS作成手順
- カスタムフィールド用cssは、管理しやすいようにファイル名をcustom.cssに決定。
- カスタムフォールド用cssをどうやってMT管理画面に読み込ませるか悩むこと3分・・・。
答えは簡単、main.css（元）にカスタムフィールド用cssをインポートしてやれば良いじゃん!!ってことでmain.css（元）の一行目に@import url("custom.css");と追加。 - main.css（元）と同じ階層（/mt-static/css/）にcustom.cssを設置。
まっ、これだけのことですが、カスタムフィールド追加したときなどのMovable Type管理画面レイアウト管理が非常に楽になるかな？
コメントする