WordPress plug-in – Tabs

Loading

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

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

Tabs Responsive

Tabs Responsive – With WooCommerce Product Tabs Extension

使用方式很簡單,在 控制台/已安裝外掛 啟用 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 如何處理網站訪客的留言資料