前言介紹
- 這款 WordPress 外掛「Xpert Tab」是 2015-03-03 上架。
- 目前有 50 個安裝啟用數。
- 上一次更新是 2015-11-24，距離現在已有 3450 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 3.6 以上版本才可以安裝。
- 有 9 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
wpeshaan | masud_cse | themexpert |
外掛標籤
tab | tabs | tab plugin | tab plugin jquery | tab plugin wordpress |
內容簡介
Xpert Tab 是一個很棒的短代碼建立者，讓您可以在標籤樣式中預置內容。此外，該外掛易於自訂且容易於在 WordPress 頁面和文章的任何地方產生無限的標籤組合。Xpert Tab 有著酷炫的後端，您在每次輸入內容時，都可以直接在後端查看前端效果。
Xpert Tab 還擁有更多的後端和前端機會。您可以輕鬆縮短您未定義的項目、切換標籤樣式等等。此外，此外掛程序的炫目功能是，它是使用 Bootstrap 框架和 ThemeXpert 自己的前綴詞開發，以避免與其他外掛產生 CSS 衝突。
實際 DEMO
特徵
Xpert Tab 可以響應式地支援任何移動裝置
無限制的標籤組合可以在佈景中使用
可透過短代碼使用
許多預設樣式
可拖曳的標籤項目，以輕鬆排序
標籤標題的即時更改
可選擇標題圖示
選擇不同圖示將會即時更改
優秀的標籤內容輸入欄位
使用 Bootstrap 框架
Less 可以快速自訂
Gulp 可以立即工作流程
高度自訂使用者體驗
前端和後端 UI 清爽易用
顏色更改的表單驗證
可以從後端新增或移除標籤項目
Font Awesome 圖示支援
已實現巢狀短代碼
選項功能
預設打開第一個標籤項目
當在後端刪除項目時，提醒
Selectize JS 程式庫
短代碼例子
[xt_tab style="xa-default" ]
[xt_item title="標籤標題 01" icon="選擇圖示---"]內容[/xt_item]
[xt_item title="標籤標題 02" icon="選擇圖示---"]內容[/xt_item]
[xt_item title="標籤標題 03" icon="選擇圖示---"]內容[/xt_item]
[/xt_tab]
即使您不需要自己理解短代碼，Xpert Tab 也會為您生成。若要手動更新您的標籤組合，需要三個參數以更改標題、樣式和標題圖示。
樣式參數：
如果您沒有為標籤組合選擇樣式，它將會為您提供 xa-default 樣式。若要更改您的標籤樣式，只需傳遞以下自訂樣式參數。
1. xa-default
2. xa-red
3. xa-blue
4. xa-red
5. xa-yellow
圖示參數
如果您在建立項目時正確選擇了圖示，那麼您就不需要為標題圖示觸碰短代碼參數。如果您需要更新圖示，只需添加圖示名稱即可。Xpert Tab 支援 FontAwesome 圖示，並且每個個別圖示都會有 fa fa 前墜。Xpert Tab 只會為您自動添加前墜，您只需要傳遞圖示名稱即可。以下是一些例子。
icon="facebook"
icon="twitter"
原文外掛簡介
Xpert Tab is an awesome shortcode builder, that allow you to preset you contents in a tabbed style. The plugin easy to customize and easy to generate unlimited tab sets anywhere in wordpress page and post. Xpert Tab has been crafted with cool backend, your every input you and frontend look you can visualize directly in the backend.
Xpert Tab is comes with lot more backend and frontend opportunity. you can easily short you incond item, switch tab style and many more. The cool feature of this plugin is that, Xpert Tab has been developed with Bootstrap framework with ThemeXpert’s own prefixes that avoid CSS conflict with others plugin.
Live Demo
Feature
Xpert Tab is responsive and friendly to any mobile devices
Limitless tab anywhere in the theme
Use via short-codes
Numerous preset styles
Draggable tab items for easy sorting
Live tab header change
Selectable icon for tab titles
Live icon change with each selection
Awesome input field for tabs content.
Bootstrap framework.
Less for quick customization
Gulp for instant workflow
Highly customized for User Experience
Slick Frontend and backend UI
Form Validation with color changes
Add and remove tab item from backend.
Font Awesome Icon Support
Nested Shortcode implemented
Optional Features
Open the first tab item by default
Alert when deleting items from backend
Selectize JS Library
Example Shortcode
[xt_tab style="xa-default" ]
[xt_item title="Tab Title 01" icon="Select Icon---"]Content[/xt_item]
[xt_item title="Tab Title 02" icon="Select Icon---"]Content[/xt_item]
[xt_item title="Tab Title 03" icon="Select Icon---"]Content[/xt_item]
[/xt_tab]
Though don’t need to understand shortcode by yourself, Xpert Tab will generate for you. If you want update your tab set manually. it takes three parameters to change tab title, style and title icons.
Styles parameters:
If you don’t select any style for your tab set. It will give you xa-default style. If you change you tab style. just pass the following parameters for the custom styles.
1. xa-default
2. xa-red
3. xa-blue
4. xa-red
5. xa-yellow
Icon Parameters
You don’t need to touch shortcode parameter for title icons if you select them correctly while creating items. If you want update them. Just add the icon name. Xpert Tab supports FontAwesome icons. FontAwesome come with fa fa prefix with each individual icon. Xpert Tab will add the prefix automatically for you. you need only pass the icon name. Have a look on the examples.
icon="facebook"
icon="twitter"
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Xpert Tab」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
Shortcodes by Angie Makes 》Shortcodes by Angie Makes 外掛為您的 WordPress 主題新增一系列易於使用的短碼，這些短碼與 Angie Makes WordPress 主題 完美搭配。, 範例, 請到此查看這些...。
Tabs Responsive – With WooCommerce Product Tabs Extension 》bs at the same time. This gives users the ability to easily navigate between Tabs and see content without having to constantly switch between them....。
YITH WooCommerce Tab Manager 》直接信息的高效頁面, 為了讓客戶理解清楚，YITH WooCommerce Tab Manager 讓您可以自定義產品頁面上的所有信息：, 可下載的 PDF 檔案、虛擬地圖、視頻教程、...。
Tabby Responsive Tabs 》, 增加一組水平標籤，在較窄的視窗時會變成手風琴, 使用 jQuery 建立標籤和手風琴, 支援同一頁面多組標籤, 使用語意化的標題和內容標記, Aria 屬性和角色有助...。
Simple Side Tab 》在你的網站上增加一個「全域呼籲行動」。 Simple Side Tab 在瀏覽器視窗的左側或右側增加一個垂直標籤，連接到任何頁面。該標籤會隨著訪問者向下滾動頁面而固...。
Tabs – Responsive Tabs with WooCommerce Product Tab Extension 》, 最佳應答式定位標籤（Responsive Tabs）或內容標籤（Content Tabs）或 WooCommerce 自訂標籤外掛程式，適用於 WordPress 或 WooCommerce。, , 標籤 – 擁有 ...。
Responsive Tabs 》這個外掛會在管理面板中增加一個「Tabs」區塊，讓你可以輕鬆地創建分頁內容。你只需快速新增內容到不同分頁，選擇顏色，隨時調整顯示順序，然後透過簡單的短...。
XLTab – Accordions and Tabs for Elementor Page Builder 》使用此外掛可以增強您在Elementor網頁建立中的體驗，讓您能自訂頁籤、手風琴效果。, 示範, 購買進階版本, 🔥 接下來做什麼, 如果您喜歡 Icon Element，也可以...。
TJ Shortcodes 》這個外掛增加了一組短代碼，以提升你的網站。你可以輕鬆地添加按鈕、警告、欄位等等，無需編程知識！, 短代碼包括, , 警告, 按鈕, 欄位, 選項卡, 翻轉, 首字...。
Tab – Accordion, FAQ 》Tab 允許您在 Elementor 和所有佈景主題上建立簡單的分頁、手風琴和常見問題解答，並提供無限的選項和轉換動畫支持。, WordPress Tab & Accordion。, , W...。
Advanced Tabs Gutenberg Block 》Advanced Tabs Block 是一個使用 Gutenberg Native Components 開發的自定義 Gutenberg 區塊。使用這個區塊，您可以輕鬆展示具有選項卡樣式的內容。它提供了...。
WPC Product Tabs for WooCommerce 》WPC Product Tabs for WooCommerce是一個易於使用的外掛程式，可為產品新增自訂標籤，並提供給買家更多的商品細節，增加消費者對商品的信心。使用者可以選用...。
WP Tabs Slides 》這個 WordPress 外掛可以讓你輕鬆地添加內容標籤和/或內容幻燈片。標籤模仿多頁面結構，而幻燈片則模仿手風琴式結構，都可以在單個頁面中使用！, 支援 Easy R...。
Tabs Shortcode and Widget 》這個 WordPress 外掛讓你輕鬆地在你的網站上創建不同種類的標籤，垂直或水平。可以在網站的任意位置插入標籤，包括頁面/文章編輯器、側邊欄、模板檔案等。無...。
Tabs Shortcode 》若要在文章或頁面中新增分頁標籤，請添加以下 shortcode：, [tabs], [tab title="title1"] tab 內容 , tab 內容 , [/tab], [tab title="title2"] , 其他內容...。