Skin Select:

【WordPress】「styleswitcher.js」導入!

 昨晩、IRCチャットにおきまして、「WordPress交流会」なるチャットが開催されておりました。
 この場において、「styleswitcher.js」というJavaScriptライブラリに関する話題がありました。

 昨晩の交流会参加者の中では、ぼの様がご自身のブログで採用されています。

参考サイト
power source*

 スタイルシートが有効な環境では、画面右上あたりに切り替えスイッチがあろうかと思われます。そこをいろいろ押してみると、見た目ががらりと変わります。中には実質的にスタイルを未適用状態にするスイッチまであるようで・・・。

 これに触発されてしまったボクちゃんも、先ほど「styleswitcher.js」を導入いたしました!

ライブラリ配布元
styleswitcher.jsA List Apart
関連記事
styleswitcher.js-スタイルシート切り替えjavascriptWEBデザイン BLOG

 通常のWordPressプラグインとは異なりますので、導入方法も当然ながら異なります。
 基本的には、「styleswitcher.js-スタイルシート切り替えjavascript」を参考にすれば問題なかろうかと思われます。

 むしろ問題はスタイルシートの作成だったりします(笑)。

 とりあえず私は、従来このブログで扱ってきたスタイルシートの色違いヴァージョンのみをご用意させていただきました。
 そのうち、見た目そのものをがらっと変えるようなものも作ってみたいのですが、自分のデザイン・センスでは限度があります。

 ご興味のある方は、スタイルシートが有効なブラウザでこのブログにアクセスし、画面右上あたりにある色のついた四角(■)をクリックしてみてください。
 ・・・しかしこの箇所も、本当は単に■に色をつけたものではなく、アイコンで表現できればよかったのですが。
 どなたか、16×16ぐらいの色のついた水晶玉のアイコンを配布されているところをご存じの方がいらっしゃいましたら、ご教示願います!

WordPress 2.2でつくる!最強のブログサイト―2.1/2.2対応 WebクリエイティブのためのDOM Scripting Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト

P.S.
 ぼの様、動作確認ありがとうございました。 :grin:

3個のコメント

  1. YF JAPAN Windows XP Internet Explorer 6.0
    2007/11/25 日曜日, 11:17:12 に投稿 | パーマリンク

    どれ、さっそく山吹色のスキンを使ってみるとするか・・・

    うぅっ、まぶしい。ちと輝度が高すぎないかのぉ、越後屋。

    ついでじゃが、CSSがおかしいのか画面の右側、Translate から
    Amazon プロダクトクラウドまでのカラムというかフィールドというか
    本文にかぶっておる。一部が重なり合って若干見づらい。
    (わしは1024x768という面白くもなんともない表示で使っている)

  2. 2007/11/25 日曜日, 12:40:41 に投稿 | パーマリンク

     やはり我々には少々眩しすぎましたか、この豪華絢爛ぶりは(ぉぃ)。
     これでは幕府の手の者に嗅ぎ付けられやすくなりますのぅ。
     此の越後屋としたことが、不徳の致すところでござり申した。

     それでは、密談に支障なきよう、我々の目にも優しいように手直しいたしまする。

     ・・・しかし今時IE6でござるか。
     そちらで確認するすべを用意するのに時間がかかりまする。しばしお待ちを・・・。

  3. 2007/11/25 日曜日, 13:58:05 に投稿 | パーマリンク

     お代官様、先ほど改築が終わりました。
     ただいま、IE6とか言うマイナーなブラウザから繋いでおりまするが、ほぼ期待通りに表示されておりまする。

     どうやら、CSSではなくXHTMLの方に問題があったようでござる。

     IE6で動作確認するには、x64 Vistaからログアウトして同じ端末のXPを起動し、さらにそこから「Virtual PC」に入っておるWindows 2000を呼び出すか、もしくはノートPCを引っ張り出すかしなければならぬ故、手間取っており申した。
     ちなみに現在は後者の手段を使っておりまする。

関連記事

333338 pages viewed, 1563 today
53384 visits, 214 today
FireStats icon Powered by FireStats
このページの先頭へ