2010/03/06

WordPress Plugin:WP-Tabbity

WP-Tabbity はどんなポストやページにでも jQuery での動的な遷移ができる、無限数のタブを含んだ無限数のタブグループを作る機能を WordPress に提供する。 plugin は shortcode と jQuery ライブラリでサイト上でタブを簡単に素早く作成できる。

原文:WP-Tabbity

Plugin Info

Download Instructions
plugin をダウンロードするには WordPress.org のWP-Tabbityリポジトリを見てください
Installation Instructions
  1. Pluginをダウンロードする
  2. アーカイブを展開し/wp-content/plugins/wp-tabbity にアップロードする
  3. コントロールパネルからPluginを有効化する
  4. コントロールパネルのPluginセクションからPluginの設定をする
  5. BasicUsageを参考にタブとタブグループをポスト/ページに加える
Configuration Instructions
  1. Pluginのインストールが終わったらコントロールパネルのPluginセクションからPluginの設定をします
  2. ドロップダウン・リストから望ましい jQuery Themeroller のテーマを設定することができる。
  3. :あなたは、あなたの好みに従って、 CSS stylesheetsを修正することができるが、この plugin がアップグレードされるとき、あなたの変更はwp - tabbity/styles/myfancystyleにあるスタイルで上書きされるであろう。 plugin は利用可能なスタイルを検出して選ぶことができるようにしてくれるだろう。
Basic Usage
一つのタブセットをあなたのポストに挿入するために、あなたはただ最小限2つの shortcodes を使うことが必要である。それはタブの内容( wp - tabbity shortcode )とタブが現われるであろうタブグループ( wp - tabbitygroup shortcode )である。重要なのは所定のタブグループのためのすべてのタブがタブグループの前に現われなくてはならないことである。また、通常shortcodeでは角カッコ"[]"が使われるが、弓カッコ"{}"が使われることである。
<!-- Now we need to tell WP-Tabbity where to put all this content -->
{wp-tabbitygroup}
<!-- First, set up your tabs -->
{wp-tabbity}
1番目のタブの内容
{/wp-tabbity}
{wp-tabbity}
2番目のタブの内容
{/wp-tabbity}
<!-- Now we need to tell WP-Tabbity where to put all this content -->
{wp-tabbitygroup}
上記の例で、タイトルがいずれかのタブのために指定されなかったので、 WP-Tabbity が内容の最初の10文字をタブのタイトルと CSS ID と認識する。もし所定のポスト/ページで1つ以上タブ・グループを使う場合、下に指定されるように、wp-tabbity と wp-tabbitygroup shortcodes 両方で groupid を指定しなくてはならない。
WP-Tabbity Options
{wp-tabbity id="foo" title="Foo" class="bar none" order="0" groupid="first"}
  • id => Not required. CSS ID と<a>アンカーでリンクするときに使われる。 Default: none.
  • title => Not required. タイトルを明示するときに指定する。 Default: first ten characters of content. (内容の最初の10文字)
  • class => Not required. タブに適用される CSS classを指定する。これは、最優先でなく、jQuery によりクラスは適用される。 Default: “wp-tabbity”
  • order => Not required. Specifies the order in which this tab will appear in the list of tabs.Default: order of appearance.
  • groupid => Required if more than one!(1つ以上のタブグループを使う場合必要)wp-tabbitygroup shortcodeで指定するオプションに連動する。タブ・グループが1つだけの場合必要ない。 Default:“aTabbityGroup”
WP-Tabbitygroup Options
{wp-tabbitygroup groupid="first" groupcls="foo" grouptitle="First"}
  • groupid => Required if more than one!(1つ以上のタブグループを使う場合必要)このオプションがある場合タブ・グループが2つ以上あると認識する。タブ・グループが1つだけの場合必要ない。wp-tabbityで指定するオプションに対応していなければならない。 Default:“aTabbityGroup”
  • groupcls => Not required. タブ・グループに適用される CSS classを指定する。これは、最優先でなく、jQuery によりクラスは適用される。Default: “wp-tabbity-group”
  • grouptitle => Not required. タブ・グループに希望するタイトルを付けることができる。またタイトルは<h2>タグのクラスに連動する Default: none.

Additional Information

既知のバグ
  • 自動的にIDを生成するときに、最初の10文字が同じ場合不具合がある。
  • イメージが適切にWP-Tabbityの<div>タグ内に配置されていない場合がある。
To Do
  • TinyMCE ボタンをポスト / ページに加える。
  • 特定のタブが事前に読み込まれた状態で、ページを$_getでロードする。

0 件のコメント:

コメントを投稿