Description
Tabs Block for Classic Editor is a clean and elegant tab display plugin for WordPress posts and pages. It supports:
- A toolbar button in the Classic Editor to insert tab shortcodes via popup
- A sidebar menu button in Gutenberg for quick tab shortcode insertion
- Simple and flexible shortcode format compatible with most themes
- Responsive frontend tab UI that automatically generates switchable tab sections
Shortcode usage example:
[tabsblcl_tabs]
[tabsblcl_tab title=”标签1″]这里是内容[/tabsblcl_tab]
[tabsblcl_tab title=”标签2″]这里是内容[/tabsblcl_tab]
[/tabsblcl_tabs]
License
This plugin is released under the GPL v2 or later.
Developer: TuDouCode
Website: https://tudoucode.cn
Screenshots
Installation
- Upload the plugin folder to
/wp-content/plugins/, or install via the WordPress plugin dashboard. - Activate the plugin through the “Plugins” menu in WordPress.
- In the Classic Editor, you will see an “Insert Tabs” button on the toolbar.
- In Gutenberg, a “Insert Tabs” option will appear in the sidebar menu.
- Click the button and follow the prompt to generate the tab shortcode.
- Save your post and view the tabbed content on the frontend.
FAQ
-
Which editors are supported?
-
This plugin supports both the Classic Editor and the Gutenberg Editor. The Classic Editor includes a toolbar button, while Gutenberg has a sidebar button for shortcode insertion.
-
What is the shortcode format?
-
Use
[tabsblcl_tabs]to wrap multiple[tabsblcl_tab title="Tab Title"]Content[/tabsblcl_tab]. Example:[tabsblcl_tabs] [tabsblcl_tab title="Tab 1"]Your content here[/tabsblcl_tab] [/tabsblcl_tabs] -
Can I customize the tab styles?
-
Yes. You can customize the styles using your theme or custom CSS targeting
.tbc-tabs-containerand related class names. -
Do I need to wrap a single tab with [tabsblcl_tabs]?
-
Yes. Even if you only have one tab, you must wrap it with
[tabsblcl_tabs]for the frontend JavaScript to function properly.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Tabs Block for Classic Editor” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Tabs Block for Classic Editor” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.1
- Added Gutenberg sidebar tab shortcode insertion button
- Improved Classic Editor button popup interaction
- Minor fixes and improved compatibility
1.0
- Initial release with Classic Editor support for tab shortcodes
- Frontend tab-switching display functionality