【WordPress】レスポンシブ対応タブをショートコードで作成。Tabby Responsive Tabs

tabby_responsive_tabs_s
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

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

完成

tabby_responsive_tabs_1

レスポンシブ

tabby_responsive_tabs_2

 
wordpress

【WordPress】レスポンシブ対応タブをショートコードで作成。Tabby Responsive Tabs

  • LATEST
  • RELATED
  • POPULAR