Title: WP Responsive Tabs Author: Fahad Mahmood Published: 2014 年 7 月 29 日 Last modified: 2025 年 8 月 26 日 --- 搜索插件 ![](https://ps.w.org/wp-responsive-tabs/assets/banner-772x250.png?rev=2597133) ![](https://ps.w.org/wp-responsive-tabs/assets/icon-256x256.gif?rev=2377013) # WP Responsive Tabs 作者：[Fahad Mahmood](https://profiles.wordpress.org/fahadmahmood/) [下载](https://downloads.wordpress.org/plugin/wp-responsive-tabs.1.3.2.zip) * [详情](https://cn.wordpress.org/plugins/wp-responsive-tabs/#description) * [评价](https://cn.wordpress.org/plugins/wp-responsive-tabs/#reviews) * [安装](https://cn.wordpress.org/plugins/wp-responsive-tabs/#installation) * [开发进展](https://cn.wordpress.org/plugins/wp-responsive-tabs/#developers) [支持](https://wordpress.org/support/plugin/wp-responsive-tabs/) ## 描述 * Author: [Fahad Mahmood](https://www.androidbubbles.com/contact) * Project URI: [http://androidbubble.com/blog/wordpress/plugins/wprtp](http://androidbubble.com/blog/wordpress/plugins/wprtp) * Demo URI: [http://demo.wethebrains.com/wp-responsive-tabs](http://demo.wethebrains.com/wp-responsive-tabs) * License: GPL 3. See License below for copyright jots and tittles. WP Responsive Tabs allows you to create tabs with shortcodes in post/page and anywhere in your content. WooCommerce and eCommerce related taxonomies can be added in tabs. Now you can add WP Docs directories with shortcodes in WP Responsive Tabs as well. ### Overview * Add tabs with shorcodes * Shortcodes for eCommerce * Shortcodes for WooCommerce * Compatible with WordPress plugin WP Docs Shortcode: ### License This WordPress plugin is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 2 of the License, or any later version. This WordPress plugin is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this WordPress plugin. If not, see http://www.gnu.org/licenses/gpl-2.0.html. ## 屏幕截图 * [[ * Shortcodes and tabs content view. * [[ * Responsive view. * [[ * Unique CSS example. * [[ * Tabs implemented with CSS. * [[ * Implmentation [WP eCommerce Shortcodes] – 1 * [[ * Shortcode implementation. * [[ * Unique shortcode group id. * [[ * Horizontal orientation tag in shortcode. * [[ * Tabs implemented in twentyfourteen theme. * [[ * Add tab and delete tab view. * [[ * Multisite support view-1. * [[ * Multisite support view-2. * [[ * Multisite support view-3. * [[ * Implmentation [WP eCommerce Shortcodes] – 2 * [[ * Implmentation [WP eCommerce Shortcodes] – 3 * [[ * Horizontal vs. vertical orientation. * [[ * Responsive view. * [[ * Tabs titles and contents. * [[ * Files/Folders structure. * [[ * Installed view. * [[ * Responsive tabs view in twentyfourteen theme. * [[ * Responsive tabs view in twentyfourteen theme with CSS. * [[ * Shortcode tag “tabs” to limit number of tabs in your content. * [[ * Compatibility view. * [[ * Unique CSS class view. * [[ * Vertical view. * [[ * Shortcode implemented in editor. ## 安装 To use WP Responsive Tabs, you will need: * an installed and configured copy of[ WordPress][] (version 3.0 or later). * FTP, SFTP or shell access to your web host #### New Installations Method-A: 1. Go to your wordpress admin “yoursite.com/wp-admin” 2. Login and then access “yoursite.com/wp-admin/plugin-install.php?tab=upload 3. Upload and activate this plugin 4- That’s it, now see your dashboard and ask WP Responsive Tabs anything Method-B: 1. Download the WP Responsive Tabs installation package and extract the files on 2. your computer. 3. Create a new directory named `WP Responsive Tabs` in the `wp-content/plugins` 4. directory of your WordPress installation. Use an FTP or SFTP client to 5. upload the contents of your WP Responsive Tabs archive to the new directory 6. that you just created on your web host. 7. Log in to the WordPress Dashboard and activate the WP Responsive Tabs plugin. 8. Once the plugin is activated, WP Responsive Tabs will be displayed as a metabox under your content editor in posts/pages edit mode. ## 常见问题 ### How to add tabs in post/page? After installing and activating the plugin, tab fields will appear automatically on edit post/page. Click “Add Tab”, add title and shortcode you want to display in tab. ### How can I add WP Docs directories in WP Responsive Tabs? ### How dows it work with WP Docs? ## 评价 ![](https://secure.gravatar.com/avatar/03353e441d76bd0e9a2a60da37cc95ff5004183278b7c81e3892014f4e49dc6e? s=60&d=retro&r=g) ### 󠀁[works well with shortcodes, very basic features](https://wordpress.org/support/topic/works-well-with-shortcodes-very-basic-features/)󠁿 [azlivin008](https://profiles.wordpress.org/azlivin008/) 2016 年 9 月 3 日 3 回复 + Works well with shortcodes inside the tabs – No icon options in title – No direct linking to tabs or tab as links to urls – Styling is very generic, and I did not find the option to customize css as shown in the screenshots – Tab metaboxes disappeared after publishing the page, so there was no way to edit existing tabs after publishing the page. ![](https://secure.gravatar.com/avatar/3a453cf9c6d08355ed8d6a44ef641771d7725023f61791dcd03ab1908513e273? s=60&d=retro&r=g) ### 󠀁[Helpful in implementation of all kind of shortcodes](https://wordpress.org/support/topic/helpful-in-implementation-of-all-kind-of-shortcodes/)󠁿 [Fahad Mahmood](https://profiles.wordpress.org/fahadmahmood/) 2016 年 9 月 3 日 This plugin can be used for all kind of shortcodes and static content. [ 阅读所有2条评价 ](https://wordpress.org/support/plugin/wp-responsive-tabs/reviews/) ## 贡献者及开发者 「WP Responsive Tabs」是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ Fahad Mahmood ](https://profiles.wordpress.org/fahadmahmood/) * [ Invoicepress ](https://profiles.wordpress.org/invoicepress/) [帮助将「WP Responsive Tabs」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/wp-responsive-tabs) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/wp-responsive-tabs/)， 查看[SVN仓库](https://plugins.svn.wordpress.org/wp-responsive-tabs/)，或通过[RSS](https://plugins.trac.wordpress.org/log/wp-responsive-tabs/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/wp-responsive-tabs/)。 ## 更新日志 #### 1.3.2 * Improvement: Escaping and sanitization fixes for shortcode output and meta box fields. [26/08/2025] * Improvement: Updated enqueue scripts to use cache-busting correctly. [26/08/2025] #### 1.3.1 * Fix: Corrected minor JS tab activation issues. [15/02/2025] * Improvement: Minor PHP code cleanup and validation. [15/02/2025] #### 1.3.0 * Fix: Authenticated (Contributor+) Stored Cross-Site Scripting. [15/01/2025][Thanks to Tiffany T. & SOPROBRO] #### 1.2.8 * Updated version for WordPress. [02/05/2023] #### 1.2.7 * A few improvements. #### 1.2.6 * Assets updated. [Thanks to Abu Usman] #### 1.2.5 * WP Docs compatibility ensured. [Thanks to Fusion Graphics Phuket] #### 1.2.4 * Languages added. [Thanks to Abu Usman] #### 1.2.3 * Releasing with an important fix regarding html tags. #### 1.2.2 * Sanitized input and fixed direct file access issues. #### 1.2.0 * Releasing with an important fix regarding shortcodes. #### 1.1.0 * Releasing with WP eCommerce & WooCommerce shortcodes. ## 额外信息 * 版本 **1.3.2** * 最后更新：**9 月前** * 活跃安装数量 **30+** * WordPress 版本 ** 3.9 或更高版本 ** * 已测试的最高版本为 **6.8.5** * PHP 版本 ** 7.0 或更高版本 ** * 语言 * [English (US)](https://wordpress.org/plugins/wp-responsive-tabs/) * 标签 * [shortcodes](https://cn.wordpress.org/plugins/tags/shortcodes/) * [高级视图](https://cn.wordpress.org/plugins/wp-responsive-tabs/advanced/) ## 评级 4 星（最高 5 星）。 * [ 1 条 5 星评价 ](https://wordpress.org/support/plugin/wp-responsive-tabs/reviews/?filter=5) * [ 0 条 4 星评价 ](https://wordpress.org/support/plugin/wp-responsive-tabs/reviews/?filter=4) * [ 1 条 3 星评价 ](https://wordpress.org/support/plugin/wp-responsive-tabs/reviews/?filter=3) * [ 0 条 2 星评价 ](https://wordpress.org/support/plugin/wp-responsive-tabs/reviews/?filter=2) * [ 0 条 1 星评价 ](https://wordpress.org/support/plugin/wp-responsive-tabs/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/wp-responsive-tabs/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/wp-responsive-tabs/reviews/) ## 贡献者 * [ Fahad Mahmood ](https://profiles.wordpress.org/fahadmahmood/) * [ Invoicepress ](https://profiles.wordpress.org/invoicepress/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/wp-responsive-tabs/)