Title: Tabs Widget for Page Builder Author: ProteusThemes Published: 2016 年 1 月 19 日 Last modified: 2026 年 10 月 7 日 --- 搜索插件 ![](https://ps.w.org/tabs-widget-for-page-builder/assets/banner-772x250.png?rev= 1694316) ![](https://ps.w.org/tabs-widget-for-page-builder/assets/icon-256x256.png?rev=1694316) # Tabs Widget for Page Builder 作者：[ProteusThemes](https://profiles.wordpress.org/proteusthemes/) [下载](https://downloads.wordpress.org/plugin/tabs-widget-for-page-builder.1.2.3.zip) * [详情](https://cn.wordpress.org/plugins/tabs-widget-for-page-builder/#description) * [评价](https://cn.wordpress.org/plugins/tabs-widget-for-page-builder/#reviews) * [安装](https://cn.wordpress.org/plugins/tabs-widget-for-page-builder/#installation) * [开发进展](https://cn.wordpress.org/plugins/tabs-widget-for-page-builder/#developers) [支持](https://wordpress.org/support/plugin/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](http://gregorcapuder.com/tabs-widget-for-page-builder/). 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.⌉[ Front-end display of the widget. [⌊Front-end display of the widget in the theme Beauty by ProteusThemes.⌉⌊Front-end display of the widget in the theme Beauty by ProteusThemes.⌉[ Front-end display of the widget in the theme Beauty by ProteusThemes. [⌊Widget back-end.⌉⌊Widget back-end.⌉[ 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. ## 常见问题 ### 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. ## 评价 ![](https://secure.gravatar.com/avatar/a51719946880dc1f39d7719a3a73078f6fc817da59e0a965f3eb1ec1c34e6a8b? s=60&d=retro&r=g) ### 󠀁[Thanks!](https://wordpress.org/support/topic/thanks-1131/)󠁿 [FrankEck](https://profiles.wordpress.org/frankeck/) 2018 年 7 月 6 日 1 回复 It works, great plugin! Thank you! 🙂 ![](https://secure.gravatar.com/avatar/d5e230454a21f92dc8f20da9a2f116dd1670657472db8a5da4620e2b8e4366bc? s=60&d=retro&r=g) ### 󠀁[It saved the day! Great job!](https://wordpress.org/support/topic/it-saved-the-day-great-job/)󠁿 [zahra62](https://profiles.wordpress.org/zahra62/) 2017 年 9 月 29 日 1 回复 Great job! ![](https://secure.gravatar.com/avatar/6f1ab51616dc5e5028e300f59711e60978b75c0417212b9704c3c8dab738a72d? s=60&d=retro&r=g) ### 󠀁[Great Support](https://wordpress.org/support/topic/great-support-1282/)󠁿 [bigwavemaui](https://profiles.wordpress.org/bigwavemaui/) 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! ![](https://secure.gravatar.com/avatar/d9604092975c107a5d0a8b569ba973e5ee3430b81d5022849f1c2ee7d2bba7b0? s=60&d=retro&r=g) ### 󠀁[Great plugin](https://wordpress.org/support/topic/great-plugin-14630/)󠁿 [gcasalett](https://profiles.wordpress.org/gcasalett/) 2017 年 8 月 2 日 1 回复 Works perfectly, and support is surprisingly responsive. Thanks a lot! ![](https://secure.gravatar.com/avatar/ed11042e701562a57b1825306265dfa50fd07883d0305b24bb86b1997239a7b0? s=60&d=retro&r=g) ### 󠀁[Doesn’t Work with WP 4.7.3](https://wordpress.org/support/topic/doesnt-work-with-wp-4-7-3/)󠁿 [g.blackwell](https://profiles.wordpress.org/gblackwell-1/) 2017 年 3 月 19 日 1 回复 Does not work with latest version (4.7.3) of Wordpress. ![](https://secure.gravatar.com/avatar/0d41ef7420986dbf269740f63311dd7c40982c8c36c33f6d4838a2a6f5bb9d34? s=60&d=retro&r=g) ### 󠀁[A very fine plugin](https://wordpress.org/support/topic/a-very-fine-plugin/)󠁿 [fredthesam](https://profiles.wordpress.org/fredthesam/) 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条评价 ](https://wordpress.org/support/plugin/tabs-widget-for-page-builder/reviews/) ## 贡献者及开发者 「Tabs Widget for Page Builder」是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ ProteusThemes ](https://profiles.wordpress.org/proteusthemes/) * [ Gregor Capuder ](https://profiles.wordpress.org/capuderg/) * [ Primoz Cigler ](https://profiles.wordpress.org/cyman/) [帮助将「Tabs Widget for Page Builder」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/tabs-widget-for-page-builder) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/tabs-widget-for-page-builder/)， 查看[SVN仓库](https://plugins.svn.wordpress.org/tabs-widget-for-page-builder/)， 或通过[RSS](https://plugins.trac.wordpress.org/log/tabs-widget-for-page-builder/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/tabs-widget-for-page-builder/)。 ## 更新日志 #### 1.2.3 _3 October 2026_ * Security hardening and bug fixes. * Changed the text domain to `tabs-widget-for-page-builder`, so translations now load from wordpress.org language packs. Custom `pt-tabs-{locale}.mo` files need to be renamed to `tabs-widget-for-page-builder-{locale}.mo`. #### 1.2.2 _3 October 2026_ * Fixed a PHP error when a Tabs widget without tabs is saved in Page Builder. * Added a filter, that turns off the tab title sanitization (`pt-tabs/sanitize_tab_title`). #### 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 ## 额外信息 * 版本 **1.2.3** * 最后更新：**2 周前** * 活跃安装数量 **3,000+** * WordPress 版本 ** 4.0.0 或更高版本 ** * 已测试的最高版本为 **7.1.3** * 语言 * [English (US)](https://wordpress.org/plugins/tabs-widget-for-page-builder/) * 标签 * [bootstrap](https://cn.wordpress.org/plugins/tags/bootstrap/)[siteorigin](https://cn.wordpress.org/plugins/tags/siteorigin/) [tabs](https://cn.wordpress.org/plugins/tags/tabs/)[widget](https://cn.wordpress.org/plugins/tags/widget/) * [高级视图](https://cn.wordpress.org/plugins/tabs-widget-for-page-builder/advanced/) ## 评级 4.8 星（最高 5 星）。 * [ 18 条 5 星评价 ](https://wordpress.org/support/plugin/tabs-widget-for-page-builder/reviews/?filter=5) * [ 0 条 4 星评价 ](https://wordpress.org/support/plugin/tabs-widget-for-page-builder/reviews/?filter=4) * [ 0 条 3 星评价 ](https://wordpress.org/support/plugin/tabs-widget-for-page-builder/reviews/?filter=3) * [ 1 条 2 星评价 ](https://wordpress.org/support/plugin/tabs-widget-for-page-builder/reviews/?filter=2) * [ 0 条 1 星评价 ](https://wordpress.org/support/plugin/tabs-widget-for-page-builder/reviews/?filter=1) [您的评价](https://wordpress.org/support/plugin/tabs-widget-for-page-builder/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/tabs-widget-for-page-builder/reviews/) ## 贡献者 * [ ProteusThemes ](https://profiles.wordpress.org/proteusthemes/) * [ Gregor Capuder ](https://profiles.wordpress.org/capuderg/) * [ Primoz Cigler ](https://profiles.wordpress.org/cyman/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/tabs-widget-for-page-builder/)