MovableType4.25から4.261へアップグレード時、サイドバーがおかしくなった件／スタイルキャッチャー・CSS

サイドバーが表示されない

管理人は、新たなブログを作る時、プラグインのBlogSkeltonClonerで、既存のサイトの枠組みをコピーして流用しています。

MT4.261へ、アップグレード後、MT4.25で作成したブログをスケルトンコピーしたテンプレートを使って、新たにブログを作って、再構築すると、サイドバーが表示されませんでした。

CSSがおかしかったので、これは、スタイルキャッチャーを適用していないせいか？と思い、スタイルキャッチャーを適用しましたが、今度はサイドバーが下へ落ちました。

なんでだろうと思い、テンプレートのスタイルシートを確認すると、おかしなことになっていました。

スタイルシートからblog.cssが消えていた

通常、スタイルキャッチャーを利用したときのテンプレートは、

/* This is the StyleCatcher theme addition. Do not remove this block. */
@import url(/mt/mt-static/themes-base/blog.css);
@import url(/mt/mt-static/support/themes/minimalist-pink/minimalist-pink.css);
/* end StyleCatcher imports */

のように、基本的なブログのCSSを設定する、blog.cssと、それぞれに異なる専門CSS、今回は、minimalist-pink.cssにわかれているわけですが、今回、スタイルキャッチャーを適用すると、なぜか、

/* This is the StyleCatcher theme addition. Do not remove this block. */
@import url(/mt/mt-static/support/themes/minimalist-pink/minimalist-pink.css);
/* end StyleCatcher imports */

となっていて、基本CSS部分が、消えているのです。

何度、スタイルキャッチャーを適用しても、この部分が消えます。

/* This is the StyleCatcher theme addition. Do not remove this block. */
/* end StyleCatcher imports */

このブロックの間に書いていると、スタイルキャッチャーを適用した時に変更されるようなので、仕方ないので、基本CSS部分は、スタイルキャッチャーの外に書きました。

@import url(/mt/mt-static/themes-base/blog.css);

/* This is the StyleCatcher theme addition. Do not remove this block. */
@import url(/mt/mt-static/support/themes/minimalist-pink/minimalist-pink.css);
/* end StyleCatcher imports */

スタイルシートはこんな感じになりました。

たまたまかもしれない

なお、例示ではminimalist-pinkをあげていますが、この現象が起きたのはminimalist-pinkではなく、自分でカスタマイズしたCSSの時に起きたので、もしかすると、自分のカスタマイズが悪かったのかもしれません。

MovableTypeデフォルトのCSSを使った際には、そのような、異変は認められませんでした。

念のため、ここにメモしておきます。