DigiPress

Highly Flexible WordPress Theme

メニュー

【モジュール】エフェクト付きのタブパネルを作れるjQueryモジュール「Tabulous.js」

2014/07/10

メニューやメインコンテンツをまとめてタブで括ってしまうレイアウトだったり、ブログだとサイドバーでちらほら見かけるタブパネル。

そんなコンテンツをタブでまとめられるjQueryモジュールが「Tabulous.js」。

サイドバーだと「新着記事」、「カテゴリー」、「おすすめ記事」など多くのコンテンツをタブでまとることができて、かつスペースを節約できるのでサイドバーが異様に長くなってメインコンテンツとの高さのバランスがおかしくなってしまう心配もなくなります。

タブを切り替えたときのトランジションエフェクトは4種類から選べます。
tabulous

Javascriptファイル(tabulous.min.js)はたった2.6KBなのもありがたいですね!

次期DigiPressはタブウィジェット搭載

現在リリース準備中のDigiPressの新規WordPressテーマでは、なんと専用のタブウィジェットが標準で搭載されています。

タブウィジェット表示例

capture 2013-07-03 17.27.06

WordPressのウィジェット管理画面から「タブウィジェット」を追加して表示したいコンテンツのみにチェックするだけでタブウィジェットをサイドバーなどに表示できます!

DigiPress専用タブウィジェット

tab-widget

Screenshot

DigiPress 7(仮称)デモサイト

次期DigiPressテーマのデモサイトはこちら!タブウィジェットもご覧くださいね!

Tabulous.js

Share / Subscribe
Facebook Likes
Tweets
Hatena Bookmarks
Pinterest
Pocket
Feedly
Send to LINE