LINEで送る
Pocket

ブログのサイドバーはどのようにデザインされていますか?

カテゴリや最新の記事、コメントのリストなどのナビゲーションや、アフィリエイトをやっているブロガーの方々などは広告枠として使ったり。

flicrlastfmなどを使われている方は、ウィジェットを追加したり。

サイドバーのコンテンツを充実させていくのも、なかなか楽しそうですね。

今回は、ブログのサイドバーに使えそうなScriptやナビゲーションの見せ方、アイデアなどをまとめてみました。

Sideblog Plugin

人気ブログSmashing Magazineはじめ、その他多くの人気ブログでよく見かける、サイドバーにつけられているミニブログ的なsideblogを簡単に設置できるwordpress用のプラグイン。

最近、めっきり更新が滞っているDesignWalkerのタネもSideblogに切り替えようかと思ってます。MovableTypeをお使いの方は、こちらの記事でSideblogの設定方法が解説されていました。


Sideblog Plugin

WordPressTwitterをお使いの方はプラグインもいろいろ公開されているので、いろいろ試せそう。

Create a Slick Tabbed Content Area using CSS & jQuery

こちらも近々このブログにも設置しようと思っている、タブ切り替えの枠。


Create a Slick Tabbed Content Area using CSS & jQuery

Sexy sliding JavaScript side bar menu using mootools

ブラウザの端っこにタブだけ出ていて、クリックするとする〜っとメニューが出てきます。



Mootools animated sidebar menu

メニューにマウスオーバーすると、右に少しスライドしてくれるアニメーション。



Conditionally Sticky Sidebar

ブラウザをスクロールしても、サイドのブロックがついてきます。好き嫌いが分かれそうですが…


Conditionally Sticky Sidebar

PBB SideBar

キーボードのA,B,Cをたたくと、サイドバーがスライドして表示されます。


PBB SideBar

jQuery File Tree

jQueryを使ったファイルツリー表示。


jQuery File Tree

Free Menu Designs

無料のCSSメニュー


Free Menu Designs

まだまだアイデアはいろいろとありそうですね。

Similar Posts:

LINEで送る
Pocket


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です