説明
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.
概要
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
- シンプル、軽量、超高速
- 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
Great For
- FAQs and knowledge bases
- Product descriptions and specifications
- Pricing and feature comparisons
- Service and portfolio listings
- Any content you want to organize into tabs
スクリーンショット
ブロック
このプラグインは2個のブロックを提供します。
- Horizontal Tab Show your content in a horizontal tab.
- Tab Show your content in a horizontal tab.
インストール
- プラグインファイルを
/wp-content/plugins/advanced-tabs-blockディレクトリにアップロードするか、WordPress プラグイン画面からプラグインを直接インストールします。 - 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.
FAQ
-
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.3.0
- Improved: Responsive controls are now synced with the editor preview window (Desktop/Tablet/Mobile)
- Improved: Link/unlink values now stay in sync in the box and border controls
- Improved: Optimized the box and border control code
- Fixed: Control input and button height mismatch
- Changed: Newly added tabs now start with “Show Icon” disabled
1.2.7
- Optimized code and fixed a PHP error
1.2.6
- Fixed: PHP fatal error issue
1.2.5
- Optimized code
- Added accessibility support
- Fixed CSS issue
1.2.3 & 1.2.4
- Compatibility check
1.2.2
- Fixed: Some minor bugs
1.2.0
- 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
1.1.4
- Fixed: PHP errors
- Improved: Code quality
1.1.2
- Fixed: Some minor bugs
1.1.0
- Added: New styles for tabs
1.0.0
- Initial release