[WordPress] 外掛分享： FancyTabs

內容簡介

使用此外掛，可以建立具有導覽標籤的隱藏/顯示頁面內容。
使用以下 shortcode：

[fancytabs]
[tab title="標題1"]
Hello world
[/tab]
[tab title="標題2"]
Hello again, world
[/tab]
[/fancytabs]

如果您想要調整樣式，可以將fancytabs.css 從外掛目錄複製到您的佈景主題資料夾。

即將推出

選項頁面，可設置顏色/樣式

外掛標籤

開發者團隊

原文外掛簡介

Create navigable tabs to hide/show in-page content.
Use the following shortcode:
[fancytabs]
[tab title="Title 1"]
Hello world
[/tab]
[tab title="Title 2"]
Hello again, world
[/tab]
[/fancytabs]

If you wish to make adjustments to the styles, you can copy the fancytabs.css from the plugin directory and add it to your theme folder.
Coming Soon

Options page for setting colors/styles

延伸相關外掛

WP Shortcodes Plugin — Shortcodes UltimateShortcodes Ultimate 是一個全面的視覺與功能性元素收集，您...MW WP FormMW WP Form 可以使用 shortcode 創建帶有確認畫面的郵件表單...Shortcoder — Create Shortcodes for AnythingShortcoder 是一款自訂短代碼外掛，可將 HTML、JavaScript、C...Widget Shortcode這個短碼需要小工具的ID，但不需要猜測，外掛會為你生成代碼...Display Posts – Easy lists, grids, navigation, and moreDisplay Posts 讓您輕鬆地列出網站上的所有內容。首先在內容...amr shortcode any widget使用shortcode將小工具或多個小工具或整個小工具區域（側邊欄...Column Shortcodes此外掛提供簡單易用的短碼，在您的文章或頁面中輕鬆創建欄位...Shortcode in Menus此外掛讓你可以在 WordPress 導覽選單中使用簡碼，以便可以動...Sidebar Widgets by CodeLights❗ 很抱歉，由於 SiteOrigin 的 widgets API 完全更改，CodeL...Insert PagesInsert Pages 可讓您使用 Shortcode API，將任何 WordPress ...Advanced iFrameAdvanced iFrame 外掛讓使用者能夠在 WordPress 網站中輕鬆嵌...Shortcodes by Angie MakesShortcodes by Angie Makes 外掛為您的 WordPress 主題新增一...Forget About Shortcode Buttons相容於 WordPress 傳統編輯器，Gutenberg 整合即將推出🙂 歡...The Events Calendar Shortcode & Block標籤內容： 使用 The Events Calendar Shortcode 和 Block，...Team Members這個外掛會為管理員面板增加一個「團隊」區塊，讓您可以輕鬆...