Tabby Responsive TabsはショートコードでjQueryを使ったタブを作成してくれるプラグイン。レスポンシブ対応でブラウザ幅が狭まった時はアコーディオンになります。

Tabby Responsive Tabsプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> Tabby Responsive Tabsを検索
有効化にします。

[tabby title=”First Tab”]tabby titleにタブのタイトルを入力し、ショートコード後にテキストを入力します。最後に[tabbyending]を入力します。

[tabby title="First Tab"]
Tabby ipsum dolor sit amet, kitty sunbathe dolor, feed me.
[tabby title="Second Tab"]
Lay down in your way catnip stuck in a tree, sunbathe kittens.
[tabby title="Third Tab"]
sleep in the sink climb the curtains attack, give me fish.
[tabbyending]

最初に開いているものを変更したい場合はopen=”yes”を足します。
[tabby title=”My Tab” open=”yes”]

• Tag
• Responsive
• Tab
• WordPress Plugin