Advanced Tabs Block
| 开发者 | binsaifullah |
|---|---|
| 更新时间 | 2026年7月20日 15:22 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.0 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
Advanced Tabs Block is a fast, lightweight Gutenberg tabs block that lets you organize content into clean, responsive tabs — directly inside the WordPress block editor. Built entirely with native Gutenberg components, it needs no page builder and no coding to create beautiful tabbed content.
Add any blocks inside your tabs — paragraphs, images, headings, buttons, columns, and more — then style everything with rich typography, color, spacing, border, and icon options. Perfect for FAQs, product details, pricing, feature comparisons, service listings, and any layout that benefits from organized, space-saving tabs.
Overview
[youtube https://www.youtube.com/watch?v=ZqCh5G-FMSU]
Why Choose Advanced Tabs Block?
- 100% responsive tabs that look great on every device
- Built with only native Gutenberg components — no bloat, no page builder
- Loads assets only on pages where the block is used for better performance
- Simple, lightweight, and super fast
- Add any block as tab content with drag & drop
- Advanced customization: typography, colors, spacing, borders, and icons
- Icon support for tab titles (Bootstrap Icons + custom SVG)
- Accessibility-friendly markup
- Ready-to-use block patterns to start faster
- Easy to use — build tabs in seconds inside the editor
- FAQs and knowledge bases
- Product descriptions and specifications
- Pricing and feature comparisons
- Service and portfolio listings
- Any content you want to organize into tabs
安装:
- Upload the plugin files to the
/wp-content/plugins/advanced-tabs-blockdirectory, or install the plugin through the WordPress Plugins screen directly. - Activate the plugin through the 'Plugins' screen in WordPress.
- Open the Gutenberg block editor and find the "Advanced Tabs Block" in the block inserter.
- Add the block, then drag and drop your content into each tab.
常见问题:
Is the tabs block responsive?
Yes. Advanced Tabs Block is 100% responsive and adapts to all screen sizes.
Does it require a page builder?
No. It is built entirely with native Gutenberg components and works directly in the WordPress block editor.
What content can I put inside a tab?
Any block — paragraphs, images, headings, buttons, columns, and more can be added as tab content.
Can I add icons to the tab titles?
Yes. You can use built-in Bootstrap Icons or add your own custom SVG icons for each tab title.
Does it slow down my site?
No. The block is lightweight and loads its assets only on pages where the block is actually used.
更新日志:
1.2.7
- Optimized code and fixed a PHP error
- Fixed: PHP fatal error issue
- Optimized code
- Added accessibility support
- Fixed CSS issue
- Compatibility check
- Fixed: Some minor bugs
- Added: New styles for tabs
- Added: New styles for tab content
- Added: Icon support for tabs
- Added: New typography options
- Added: New color options
- Added: New spacing options
- Added: New border options
- Fixed: Some minor bugs
- Improved: Code quality
- Fixed: PHP errors
- Improved: Code quality
- Fixed: Some minor bugs
- Added: New styles for tabs
- Initial release