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

Tabs Widget for Page Builder

外掛說明

Page Builder by SiteOrigin editor is great, but it lacks a “tabs widget”, so we created one.

The “Tabs for Page Builder” widget allows you to add multiple tabs with a tab name and tab content. The tab content is using the Page Builder editor, so you can build your own layout inside the tab content (add widgets, set columns, …).

The front-end display is the same as the tabs in Bootstrap framework.

More details about this plugin can be found in this post.

Note: the front-end design is “bare bones”, so only the default Bootstrap CSS is used. So you should style it to your own liking with custom CSS. Maybe we will add some custom skins in the future, but I can’t make any promises.

螢幕擷圖

  • Front-end display of the widget.
  • Front-end display of the widget in the theme Beauty by ProteusThemes.
  • Widget back-end.

安裝方式

Upload the Tabs Widget for Page Builder plugin to your WordPress site, Activate it, and that’s it.

Once you activate it, the “Tabs Widget for Page Builder” widget will be available in your Page Builder editor.

常見問題集

Installation Instructions

Upload the Tabs Widget for Page Builder plugin to your WordPress site, Activate it, and that’s it.

Once you activate it, the “Tabs Widget for Page Builder” widget will be available in your Page Builder editor.

The tabs widget is not working properly?

If for example the first tab always remains active, than this is an indicator that your theme (or another plugin) is using an older version of Twitter Bootstrap. In this plugin we use the Bootstrap version 4.x, so some HTML is different from the older versions (v3.x, v2.x). You can solve this by adding the bellow code to your theme functions.php file:

add_filter( 'pt-tabs/use_older_bootstrap_layout', '__return_true' );

Also make sure that you have the latest version of this Tabs widget plugin.

使用者評論

2018 年 7 月 6 日 1 則留言
It works, great plugin! Thank you! 🙂
2017 年 9 月 8 日 1 則留言
The plugin authors are super helpful! They kept up troubleshooting my issue, conflict with child theme, till the problems were solved. The plugin itself is great: intuitive and lucid back end and just looks sharp for the website visitors. I'd like to thank them again for everything!
2017 年 8 月 2 日 1 則留言
Works perfectly, and support is surprisingly responsive. Thanks a lot!
2017 年 3 月 12 日 1 則留言
This plugin seems to be well written and very customizable (through CSS). Support is top notch, I received help in less than 24hour. Keep evolving this great plug in, I think you have a winner
閱讀全部 20 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Tabs Widget for Page Builder〉的開發相關工作。

參與者

將〈Tabs Widget for Page Builder〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

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

變更記錄

1.2.1

8 July 2016

  • Added a filter, that enables older Twitter Bootstrap tabs layout.

1.2.0

8 April 2016

  • Tab settings are now sortable

1.1.2

27 March 2016

  • Improved the the front-end tab ids reg-ex, to remove special characters

1.1.1

25 March 2016

  • Fixed issue with front-end tab ids if the tab titles were not alphanumeric (Cyrillic characters, for example)

1.1.0

20 March 2016

  • tabs widget now also works in WordPress sidebars (not only in Page Builder editor),
  • tabs widget now works inside another tabs widget,
  • front-end IDs now use tab titles (no more random strings)

1.0.0

Release Date – 19 January 2016

  • Initial version of the plugin