昨晩、IRCチャットにおきまして、「WordPress交流会」なるチャットが開催されておりました。
この場において、「styleswitcher.js」というJavaScriptライブラリに関する話題がありました。
昨晩の交流会参加者の中では、ぼの様がご自身のブログで採用されています。
- 参考サイト
- power source*
スタイルシートが有効な環境では、画面右上あたりに切り替えスイッチがあろうかと思われます。そこをいろいろ押してみると、見た目ががらりと変わります。中には実質的にスタイルを未適用状態にするスイッチまであるようで・・・。
これに触発されてしまったボクちゃんも、先ほど「styleswitcher.js」を導入いたしました!
- ライブラリ配布元
- styleswitcher.js @ A List Apart
- 関連記事
- styleswitcher.js-スタイルシート切り替えjavascript @ WEBデザイン BLOG
通常のWordPressプラグインとは異なりますので、導入方法も当然ながら異なります。
基本的には、「styleswitcher.js-スタイルシート切り替えjavascript」を参考にすれば問題なかろうかと思われます。
むしろ問題はスタイルシートの作成だったりします(笑)。
とりあえず私は、従来このブログで扱ってきたスタイルシートの色違いヴァージョンのみをご用意させていただきました。
そのうち、見た目そのものをがらっと変えるようなものも作ってみたいのですが、自分のデザイン・センスでは限度があります。
ご興味のある方は、スタイルシートが有効なブラウザでこのブログにアクセスし、画面右上あたりにある色のついた四角(■)をクリックしてみてください。
・・・しかしこの箇所も、本当は単に■に色をつけたものではなく、アイコンで表現できればよかったのですが。
どなたか、16×16ぐらいの色のついた水晶玉のアイコンを配布されているところをご存じの方がいらっしゃいましたら、ご教示願います!
P.S.
ぼの様、動作確認ありがとうございました。











3個のコメント
どれ、さっそく山吹色のスキンを使ってみるとするか・・・
うぅっ、まぶしい。ちと輝度が高すぎないかのぉ、越後屋。
ついでじゃが、CSSがおかしいのか画面の右側、Translate から
Amazon プロダクトクラウドまでのカラムというかフィールドというか
本文にかぶっておる。一部が重なり合って若干見づらい。
(わしは1024x768という面白くもなんともない表示で使っている)
やはり我々には少々眩しすぎましたか、この豪華絢爛ぶりは(ぉぃ)。
これでは幕府の手の者に嗅ぎ付けられやすくなりますのぅ。
此の越後屋としたことが、不徳の致すところでござり申した。
それでは、密談に支障なきよう、我々の目にも優しいように手直しいたしまする。
・・・しかし今時IE6でござるか。
そちらで確認するすべを用意するのに時間がかかりまする。しばしお待ちを・・・。
お代官様、先ほど改築が終わりました。
ただいま、IE6とか言うマイナーなブラウザから繋いでおりまするが、ほぼ期待通りに表示されておりまする。
どうやら、CSSではなくXHTMLの方に問題があったようでござる。
IE6で動作確認するには、x64 Vistaからログアウトして同じ端末のXPを起動し、さらにそこから「Virtual PC」に入っておるWindows 2000を呼び出すか、もしくはノートPCを引っ張り出すかしなければならぬ故、手間取っており申した。
ちなみに現在は後者の手段を使っておりまする。