Home > Internet > Web関連 > Bazookaのアップデート作業

Bazookaのアップデート作業

Posted by: oscar
2009-12-23 (水) 13:13
Web関連
Bazooka, mt.Vicuna, StyleCatcher2.3
delicious count
hatebu user
Bazookaのアップデート作業

mt.Vicunaの最新版で、消えてしまった「Bazooka」スキン。人気のスキンなので、復活を望む声は多いはずです。
スタイルキャッチャー・リポジトリへの追加を目的に、アップデート作業をやってみます。

私の作業とは別に、HashiMさんも、旧スキンの更新・リポジトリ化を行っているようです。HashiMさんの許可が得られたら、そちらも組み込みしたいと考えています。

Bazookaと、現行の他のスキンとの違いは以下のようになるでしょうか。

Bazookaは歴代スキンの中でも、デザインスキンと呼ばれる物で、完成度が高い分、カスタマイズの自由度が低くなっています。（これは、当時から）レイアウトで選択可能なのは、singleとdoubleのみです。
旧スキンと現行スキンの違いとして、モジュールファイルの読み込み方式をやめた事があげられます。読み込み方式については、スタイルシート上の必要なファイルしかコピーされないスタイルキャッチャーの仕様上、スキンアップデート時に各モジュールファイルのマージして、読み込みをやめるように修正する必要があります。
アイキャッチモジュール（現行だとヘッダーモジュール）に付いては、モジュールによる指定変更から、bodyクラスによる指定へと変化していますので、アイキャッチモジュールのマージ作業時に、適切なクラスと紐付ける必要があります。
投稿記事がパラグラフ（Pタグ）でマークアップされていることを元に、オフセット取りをしていたのをやめ、Pタグ無しでも記事部のマージンが確保されるように、新しいスキンで修正されました。旧スキンでPタグ（等）に設定されているマージンを無くして、メインエリアに対して設定しなおす必要があります。

大きな変化は以上のようになります。

モジュールファイルの統合

カレンダーとグローバルナビ

各モジュールファイルの中身を「5-module.css」に対してペーストしていきます。

アイキャッチャモジュール以外（カレンダーとグローバルナビ）は、基本そのままのコピペになります。スタイルシート内で画像指定している部分は、スタイルシートのサーバー上の位置が変わるので、url指定部分を直します。

アイキャッチモジュール

アイキャッチモジュールは、同時に読み込まれるケースは想定されていない（Eye Catch [Header]とEye Catch [Mini]は想定していたようだけど）ので、各スタイルシートに対して、bodyのクラス指定を追加してやると、条件による再現に出来るので、セレクター部を修正してペーストする。

どのみち、記事のオフセットの取り方で影響が出ると思うので、細部に付いては無視する。後で微調整。

記事に対するマージンへ変更

エレメントへのmargin指定削除

Pタグなどの、エレメントに対するmargin指定を削除する。セレクターによる指定は、後回しにしてエレメント部分のみマージンをなくしてやります。

mainに対してpadding追加

textBody やentryなど、対象になるべきブロック候補は幾つか存在しますが、今回は#mainに対して行いました。

後は、今までの変更に対しておかしくなった部分を個別に修正しました。

という訳で、かなりやっつけの、Bazookaスキン完成しました。どちらかというとmt.Vicuna Simpleに対しての整合性を持たせる方が苦労したかも。
大きな問題が無ければ、次のmt.Vicuna Simpleのリリースで公開する予定です。クロスブラウザでの確認がまだなので、もうしばらくかかります。

もし、様子を見たいという奇特な方がいるならば、mtVicuna/Simple – MT Themesより、最新版のmt.VIcuna Simpleをダウンロードしてください。新しいスタイルキャッチャーリポジトリ（レガシースキン）が追加されていて、そこから適用可能です。

Newer >: さかなさかなさかな
< Older: StyleCatcherについての記述箇所での違い

わりと新しめの関連してるかもしれないエントリー達（10件）

ping a Trackback

TrackBack URL for this entry.(1)

Comments:(6)

HashiM said December 23, 2009 1:55 PM | ReplyThis!

流石に早いっすね．こっちは，スタイルの統合もそこそこに(え，リポジトリページとその他の作成に着手してしまっています

まだ公開するところまでは行かないんですけど，リポジトリとしては利用できるのでお試し気分でどうぞと言うことで

HashiMのたわごと(？) : Stylelib

oscar replied for HashiM's comment December 23, 2009 4:47 PM | ReplyThis!

＞流石に早いっすね．
ひまですから・・・
アイキャッチを統合する作業が、以外に難物でして、取りあえず作って公開してしまったほうが、よさそうに思ったもので。
ちょっと、強引な解決方法とりました。なんかこれよりも、うまい方法あったら教えてください。

HashiM replied for oscar's comment December 23, 2009 6:44 PM | ReplyThis!

＞Bazookaダウンロードして見てみましたよ．なかなかいい具合に仕上がってますね．

アイキャッチに関しては俺自身も悩んでいたりします．
俺の場合アイキャッチはとりあえずクラス付けをするだけにして，ダブルとシングルレイアウトを先に調整してしまっていたりします

あと，実はCSSの最初の方でレイアウトの種類を入れておくじゃないですか．
あれなんですけど，スタイルの選択時にレイアウトの選択をしておくと，page_layout変数に文字列として格納されるらしいです(ググってたら見つけました)．
なので，bodyタグ内で<$MTGetVar name="page_layout"$>ってやれば取り出せるようです．
参考サイト：MT4 で StyleCatcher を使うための覚え書き - M+KBOX Weblog

oscar replied for HashiM's comment December 23, 2009 7:23 PM | ReplyThis!: ＞page_layout変数に文字列として格納されるらしいです(ググってたら見つけました)．
はい、mt.Vicuna Simpleでは、そこで取り出した変数をさらに条件分岐させて使ってます。
現行のスキンだと、動きに違いが無いので良いんですが、Bazookaなどの旧スキンだと、テンプレート上で違うロジックで動かないとならないので、無理やり「bazooka」とかいうレイアウトにしちゃいました。「bazooka」はレイアウトも2種類（アイキャッチを除けば）だから・・・
アイキャッチも一応動作するようにしてます。UIで困ってるけど。

oscar replied for HashiM's comment December 23, 2009 5:05 PM | ReplyThis!