MT3.2ja-2 StyleCatcher うまく適用されない表示くずれ

その後、スタイルキャッチャーでいろいろスタイルを変えていた。ところがうまく表示されていないものがあるのに気づいた。アイコンや背景などの画像が表示されていないものがあるのだ。また、『種まきびとブログ』以外のブログにスタイルが適用できずに、スタイルシートをテンプレートにコピーして強制的に表示させるようなことをしていたが、それでは表示がくずれてしまっている時もある。アレコレやるうち、余計ひどくなった。(ーー;)

検索した結果、二方面からプラグインの設定をしておかないといけないことが分かった。以下の二方面から同じ設定をして、再構築しておくこと。

  • 当該ブログ→環境設定→設定→プラグイン→StyleCatcher1.01→設定を表示
  • メインメニュー→プラグイン→StyleCatcher1.01→設定を表示
  •      Theme Root URL: /*****/cgi/mt/mt-static/themes
         Theme Root Path: /home/sites/lolipop.jp/users/lolipop.jp-*****/web/cgi/mt/mt-static/themes

    そして、スタイルキャッチャーの画面から、【Find Style】ボタンを押して表示されたスタイルのうち、好みのものを選んだとしても、全て完全にダウンロードされていないのがある事もわかった。FTPでローカルにダウンロードして確認すると、アイコンや画像が見えないものがあるのだ。どうして見えないのかよく分からないが、ダウンロード途中にファイルが壊れてしまったのだろうか。

    背景やアイコンなどの gif がスタイルキャッチャーを適用したブログで表示されていないと思ったときは、FTP上からでも、あるいはローカルにダウンロードしてからでも、そのテーマの中身を全て確認してみることだ。そして正常に表示されないファイルがあった時は、以下のURLからもう一度ダウンロードするしかない。

    Theme or Repository URL: http://www.sixapart.com/movabletype/styles/library

    ダウンロードしたらもう一度 mt/mt-static/theme/ にそのフォルダごとアップロードするが、その際には.cssを好みにカスタマイズしてもOK。そしてその「テーマ.css」の一行目にある @import url(base-weblog.css); を削除しておく。これでそのテーマのフォルダごとアップしたら、スタイルシートは以下のままでうまく行くはず。

    /* This is the StyleCatcher theme addition. Do not remove this block. */
    @import url(http://アカウント/cgi/mt/mt-static/themes/base-weblog.css);
    @import url(http://アカウント/cgi/mt/mt-static/themes/theme-好みのテーマ/theme-好みのテーマ.css);
    /* end StyleCatcher imports */

    その「テーマ.css」の一行目にある @import url(base-weblog.css); を削除しない方法としては、スタイルシートの記述の上記2行目で
    @import url(http://アカウント/cgi/mt/mt-static/themes/base-weblog.css);
    を削除しておき、ダウンロードされた「theme-好みのテーマ/」の中に時に同梱されている base-weblog.css を参照させるため、「テーマ.css」の一行目にある @import url(base-weblog.css); を削除しない。そしてもちろん base-weblog.css も同じディレクトリ「theme-好みのテーマ/」にアップロードする。たくさんブログを作っている場合、この方が base-weblog.css もそれぞれのブログごとにカスタマイズできるので、分かりやすいかな。

    こうやって見ると、スタイルシートとアイコンや背景などがセットでダウンロードできるんだから、プラグインのスタイルキャッチャーを使わなくてもいいじゃん。(@_@;) 自分で好みのディレクトリにアップロードし、そのURLを指定すれば画像も表示されるでしょ。何かなっとく行きませんな。

    ◆1月7日 追記
    スタイルキャッチャーでスタイルシートを適用するとき、スタイルシートを2枚適用しているのが自動的に再構築されたスタイルシートのテンプレでわかる。上記の通り、@import url(http:・・・・が2行あるからね。だから好みのテーマだけ、スタイルシートにコピペして使っても表示が崩れちゃうのだな。このURLを見れば分かるけど、themes/ の中にダウンロードされた好みのテーマのディレクトリと並んで基本となるbase-weblog.cssがあって、それも参照してるね。

    これの中身は環境設定のテンプレートにあったデフォルトのスタイルシートと同じようだ。環境設定のテンプレートのアドレスは、私の場合は http://アカウント/***blog/ だから参照先が違うのねん。どうせなら、いちいちカスタマイズしたテーマのスタイルシートやベースのスタイルシートをアップロードしないで、2枚ともテンプレにコピーして再構築しちゃえばいいかぁ。あ、あ、どうやって参照させる? 合併して一枚にすればどうだろ。