설명
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
스크린샷
설치
- 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.
후기
이 플러그인에 대한 평가가 없습니다.
기여자 & 개발자
자국어로 “Tabs Block for Classic Editor”(을)를 번역하세요.
개발에 관심이 있으십니까?
변경이력
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