WordPress plug-in – Tabs

測試環境為 Ubuntu14.04 (虛擬機)

有時候文章內容需要 Tabs 頁籤功能,在 wordpress plug-in 搜尋 Tabs 有很多選擇,使用過下面兩種,比較推薦 Tabby Responsive Tabs.

Tabs Responsive

Tabs

使用方式很簡單,在 控制台/已安裝外掛 啟用 Tabs Responsive 之後進入設定,或是控制台 Tabs Responsive / Add New Tabs 新增要使用的頁籤,預設有三個頁籤(可以自行新增或減少),編輯頁籤內文章內容,選擇發布即可.
你不會看到任何新增的文章出現在網頁,這頁籤需要插入你要使用的文章裡面.

+新增文章編輯時會看到 Tabs Responsive Shortcode 的新功能選項,點選選擇剛剛新增加的 Tabs , 插入到你要使用的文章裡面.

就可以看到如下的效果(圖片示意).

Tabby Responsive Tabs

Tabby Responsive Tabs

使用方式很簡單,在 控制台/已安裝外掛 啟用 Tabby Responsive Tabs 之後,在文章使用下面的 wordpress shortcode 即可.

[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]

實際效果如下:

First Tab

Tabby ipsum dolor sit amet, kitty sunbathe dolor, feed me.

Second Tab

Lay down in your way catnip stuck in a tree, sunbathe kittens.

Third Tab

sleep in the sink climb the curtains attack, give me fish.

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料