這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

Xpert Tab

外掛說明

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"

螢幕擷圖

  • A button titled Xpert Tab will be added after Xpert Tab installation
  • The model will open up after clicking Xpert Tab button to create tab items
  • Can change style and search for title FontAwesome icons
  • The generated shortcode after inserting tab items
  • Frontend view of the tab with a blue style

安裝方式

Installing the plugins is just like installing other WordPress plugins. Have on the installation processes.

To install the plugin:

  1. Install the plugin through Plugins > Add New > Upload or by copying the unzipped package to wp-content/plugins/.
  2. Activate the Xpert Tab plugin through the ‘Plugins > Installed Plugins’ menu in WordPress.

To create tab:

  1. Go to Add New Post or Add New Page.
  2. Click on Xpert Tab button.
  3. Add Items and click on insert button.

常見問題集

Can I create multiple tab set in a single post ?

Yes, You can create as many as tab set if you want.

How can I change my tab style ?

It pretty simple, Just go to select style drop down option and select the available styles.

使用者評論

2016 年 9 月 3 日
This plugin is very user friendly like a premium plugin. Thanks to the uploader.
2016 年 9 月 3 日
Easy to use and beautiful design. Thanks team.
2017 年 2 月 8 日
Just what I need. Liked the drag and drop sorting feature. Installed and ready to use easy to edit via shortcode. It will save your time for sure.
2017 年 2 月 8 日
Its Very Much Handy and customizable style its really good one and i was looking for long look like this. Thank you Xperts
閱讀全部 9 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Xpert Tab〉的開發相關工作。

參與者

將〈Xpert Tab〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.3

  • Bootstrap conflict fix

1.2

  • FontAwesome Icon list update

1.1

  • Nested shortcode
  • Bootstrap update
  • Icon list update

1.0

  • initial Release

  • initial Release