Single Article

レイアウトをユーザーが変更可能に

(JavaScriptがオンであれば)このブログのメニューバーの右側、RSSアイコンの左にマウスを当てるとリンクが見えるはずです。クリックしてバーを出し、用意されているレイアウトを選択すると、そのレイアウトに変更されます。選択されたレイアウトはクッキーを利用してクライアントPCに保存されるので、次回以降も同じレイアウトになるという仕組み。

Slidebar button

  • ・レイアウトのCSS変更は、WordPressのテーマ”Sandbox“の”skin”という方法を利用しています。
  • ・スライドバーのアイデアはWordPressのテーマ”Hemingway Ex“から拝借しました。実装スクリプトはオリジナルです。
  • ・開閉ボタン(?)の明滅、およびスライドバーの開閉は、JavaScriptライブラリ”byteFX“を使用しています。
  • macのdockのようなレイアウト選択の動作は、JavaScriptライブラリ”dojo widget“の”fisheye”を利用しています。1

結局使いやすいレイアウトは見ている環境や人の好みによって違うので、ユーザーに選択してもらうのが一番ではないかということです。

但し...

  • ・一部のレイアウトはIEでは正しく表示されていません。修正中です。
  • ・さすがにこれだけライブラリを読み込むと重くなりすぎるのでdojoについては(使ってみたかっただけなので)しばらくしたら外そうと思います。2

なので、スライドバー開閉ボタンは分かりにくくしてあります。

  1. 現在は使用していません。
  2. 外しました。

Related Posts

Trackback URL

Post a Comment

Your email is never published nor shared.