Title: Tabs Block for Classic Editor
Author: 码铃薯（tudoucode）
Published: <strong>August 4, 2025</strong>
Last modified: August 4, 2025

---

Search plugins

![](https://ps.w.org/tabs-block-classic/assets/banner-772x250.png?rev=3338661)

![](https://ps.w.org/tabs-block-classic/assets/icon-256x256.png?rev=3338661)

# Tabs Block for Classic Editor

 By [码铃薯（tudoucode）](https://profiles.wordpress.org/qq420218831/)

[Download](https://downloads.wordpress.org/plugin/tabs-block-classic.1.1.zip)

 * [Details](https://vec.wordpress.org/plugins/tabs-block-classic/#description)
 * [Reviews](https://vec.wordpress.org/plugins/tabs-block-classic/#reviews)
 *  [Installation](https://vec.wordpress.org/plugins/tabs-block-classic/#installation)
 * [Development](https://vec.wordpress.org/plugins/tabs-block-classic/#developers)

 [Support](https://wordpress.org/support/plugin/tabs-block-classic/)

## 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

 1. Upload the plugin folder to `/wp-content/plugins/`, or install via the WordPress
    plugin dashboard.
 2. Activate the plugin through the “Plugins” menu in WordPress.
 3. In the Classic Editor, you will see an “Insert Tabs” button on the toolbar.
 4. In Gutenberg, a “Insert Tabs” option will appear in the sidebar menu.
 5. Click the button and follow the prompt to generate the tab shortcode.
 6. 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-container` and 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

 *   [ 码铃薯（tudoucode） ](https://profiles.wordpress.org/qq420218831/)

[Translate “Tabs Block for Classic Editor” into your language.](https://translate.wordpress.org/projects/wp-plugins/tabs-block-classic)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/tabs-block-classic/),
check out the [SVN repository](https://plugins.svn.wordpress.org/tabs-block-classic/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/tabs-block-classic/)
by [RSS](https://plugins.trac.wordpress.org/log/tabs-block-classic/?limit=100&mode=stop_on_copy&format=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

## Meta

 *  Version **1.1**
 *  Last updated **10 months ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 5.0 or higher **
 *  Tested up to **6.8.5**
 *  PHP version ** 7.0 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/tabs-block-classic/)
 * Tags
 * [classic editor](https://vec.wordpress.org/plugins/tags/classic-editor/)[gutenberg](https://vec.wordpress.org/plugins/tags/gutenberg/)
   [shortcode](https://vec.wordpress.org/plugins/tags/shortcode/)[tabs](https://vec.wordpress.org/plugins/tags/tabs/)
 *  [Advanced View](https://vec.wordpress.org/plugins/tabs-block-classic/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/tabs-block-classic/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/tabs-block-classic/reviews/)

## Contributors

 *   [ 码铃薯（tudoucode） ](https://profiles.wordpress.org/qq420218831/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/tabs-block-classic/)