亜細亜ノ蛾 - Weblog

[SiteSearch Google]

November 27, 2006

「スタイルシートチェンジャー」で はてなスタイルを切り替え可能に

[ad]

はてなスタイルを切り替え

まだまだ続くよはてなネタ! ──ええ、意外としつこい性格です。

亜細亜ノ蛾 - Weblog のトップページから、デザインを切り替えることができるようにしました(2006-11-27T23:46:59+09:00 現在)。ガチャガチャ遊んでみてり、ソースコードをのぞいたり、どうぞ。

ちなみに、変わるのはトップページだけです……。

スタイルシートチェンジャー

今回はスタイルシートチェンジャーでMovableTypeのスキンを変更を参考にして、スタイルシートチェンジャーを導入しました。

ちょっとハマったのが、PHP スクリプトの設置位置。MT とは別のディレクトリにアップロードしたのですが、正常に動作しない。さんざん悩んで、やっと解決しました。

クッキーの有効範囲

「スタイルシートチェンジャー」はクッキーを利用して切り替えたスタイルを記憶します。その、クッキーの特性をよく判っていないのが原因でした。

クッキーの有効範囲について

クッキーは、CSS選択に指定した setstyle.php のあるディレクトリをルートとして、下位ディレクトリすべてが有効範囲になります。

スタイルシートチェンジャー

これ、知らない人は延々とハマるなぁ……。

たとえば、このブログのトップページは http://asiamoth.com/mt/ なので、この場所(かルートディレクトリ)に置かないと、正常に動作しません。

「あなた」のブログのトップページが http://example.com/ だった場合、この場所以外にスクリプトを置いても動作しない(クッキーが有効ではない)わけです。

もの凄く初歩的な知識ですが、いまのうちに知ることができてラッキィ!

Google Adsense

ワード

コメント

Firefoxだと切り替え効かないみたいだけどなんでしょう?
元サイトの方はちゃんと動作しますねぇ。

というか、読み込みが終わらない・・・

おっと、動きませんか……。自分の環境で IE6、IE7(stand-alone)、Opera9、Firefox2 と動作確認しましたが、Firefox くんだけ上手く動いてくれませんね。ただ、自分の環境では「再読込」で切り替わります。

おそらく、下記 URLに書いてある「Mozilla Firefox のキャッシュの動作」が関係してくるのかなー、と。

http://labs.cybozu.co.jp/blog/kazuho/archives/2006/02/utilizing_cache.php

Last-Modified の返し方を UA に応じて変えると、上手くいきそうですが……(言うは易し)。

それはそれとして、oscar さんの場合は、カリッカリにチューンした Firefox でクッキーとかリファラとかいじってませんか? と想像します。

コメントを投稿

"「スタイルシートチェンジャー」で はてなスタイルを切り替え可能に" にコメントを投稿することができます(別ウィンドウが開きます)。

トラックバック

このエントリーのトラックバックURL:

"「スタイルシートチェンジャー」で はてなスタイルを切り替え可能に"へのトラックバックはまだありません。

過去の記事

カテゴリィ一覧
  1. Movable Type
  2. その他
    1. アイデア
  3. ウェブ
    1. Weblog
    2. Webデザイン
    3. ちょっとイイ話
    4. へぇー(トリビア・雑学)
    5. オモロ
      1. オモロテキスト
      2. オモロニュース
      3. オモロ動画
      4. オモロ画像
    6. ニュース
  4. コンピュータ・エレクトロニクス
    1. PC
      1. Firefox
  5. マンガ・アニメ・ゲーム
    1. アニメ
      1. 新世紀エヴァンゲリオン
    2. オタク
    3. ゲーム
    4. マンガ
      1. 週刊少年ジャンプ
        1. DEATH NOTE
        2. HUNTER×HUNTER
        3. SKET DANCE
        4. バクマン。
  6. 本・音楽・映画・TV
    1. TV・芸能
    2. 映画
  7. 食・健康・生活
    1. ファッション
    2. 食べ物