描述
Easy Tabs Block is a simple way to add responsive tabs in WordPress. It works right inside the Gutenberg editor and doesn’t need any coding.
You can choose from horizontal tabs, vertical tabs, or edge-aligned styles. Just pick a pattern, add your content, and customize the look. You can add text, images, videos, shortcodes, or any other block inside the tabs.
The plugin gives you full styling control. Change colors, adjust spacing, set typography, and more. It looks great on mobile, tablet, and desktop.
It’s fast, clean, and beginner-friendly. You can use it to organize content, create FAQs, show pricing tables, or display product features. Everything happens inside the block editor.
If you’re looking for a Gutenberg tabs block that’s flexible and easy to use, this plugin is for you.
Helpful Resources of Easy Tabs Blocks – The Ultimate Gutenberg Tabs Plugin
- Demo
- Documentation – Coming soon
- Roadmap – Coming soon
- Features
- Official Support
- Submit Issue/Feature Request – Coming Soon
- Easy Tabs Block Community (FB Page)
Free Features of the Best Gutenberg Tabs Block Plugin
The free version of Easy Tabs Block comes packed with useful tools. Here’s what you get:
– Multiple Layouts: Choose from horizontal, vertical, or edge-aligned tabs. Perfect for product pages, sidebars, FAQs, and more.
– Drag-and-Drop Tab Content: Add any Gutenberg block inside your tabs. Use text, images, videos, buttons, or even shortcodes.
– Full Style Control: Change colors, spacing, borders, fonts, and more—right from the block settings. No CSS needed.
– Responsive Design: Tabs look great on all screen sizes. Everything adjusts automatically for mobile and tablet.
– Tab Animations: Add smooth transitions like fade, slide, or zoom between tabs.
– One-Click Templates: Choose from 20+ free tab patterns and insert them instantly into your page.
– Lightweight and Fast: The plugin is clean and optimized for speed. It won’t slow down your site.
– Active and Hover Effects: Customize how tabs look when users hover or click. Set different styles for normal, hover, and active states.
– Nested Tabs: Add tabs inside tabs if your content needs a deeper structure. This is great for layered content like product info or help guides.
– Duplicate/Delete Button and Content: Quickly duplicate an existing tab with its content or delete one with a single click. It helps you work faster inside the editor.
All features work inside the native WordPress block editor. No extra setup, no extra tools.
Premium Features of the WordPress Tabs Block Plugin
Upgrade to the premium version of Easy Tabs Block to unlock advanced functionalities that enhance user interaction and content presentation.
– Auto Play Options: You can set your tabs to switch automatically. It’s useful for showcasing featured content, slideshows, or timed announcements without needing clicks.
– Scrollable Options: Add horizontal scrolling to the tab menu. This helps when you have many tabs and want to keep the layout clean, especially on mobile.
– Expandable Options: Let users expand or collapse tab content. It keeps your layout neat and allows visitors to focus on one section at a time.
– URL-Based Activation Options: Link directly to a specific page or section using a unique URL. Great for sharing exact sections or guiding users to a specific page from another page.
– Unlimited Patterns: Choose from 100+ ready-to-use modern patterns and customize them as per your needs.
Note: We’re working on the premium version of Easy Tabs Block! Want early access or updates? Sign up here and we’ll let you know as soon as it’s ready.
Why Should You Use the Ultimate WordPress Tab Plugin – Easy Tabs Block?
Tabs are a great way to organize content and save space on your pages. Easy Tabs Block makes it easy for everyone.
Here’s why it stands out:
– No Coding Needed: You don’t have to write a single line of code. All settings are visual and beginner-friendly.
Fits Right Into Gutenberg: It works like any other core block. Just search for “Tabs” in the block inserter and start building.
– Fully Responsive: Your tabs automatically adjust to fit mobile, tablet, and desktop screens. No extra setup required.
– Customize Everything: Choose your own colors, set font sizes, adjust spacing, and tweak borders—right from the block sidebar.
– Use Any Block Inside: Want to add a video, image, or button inside a tab? Go for it. You can place any Gutenberg block inside your tab panels.
– Save Time with Templates: Don’t want to start from scratch? Use the free tab templates and edit them to fit your content.
– Lightweight and Fast: The plugin won’t slow down your site. It’s built to be clean and performance-friendly.
It’s perfect for FAQs, feature comparisons, pricing sections, or anything that needs a cleaner layout. Whether you’re building one site or many, this plugin keeps things simple and flexible.
屏幕截图
区块
该插件提供了 5 个区块.
- Tabs Simplify information presentation with tabs—efficiently organize content for a seamless and user-friendly experience.
- Tab Button A customizable button for tab navigation, allowing users to switch between different content sections seamlessly.
- Tab Buttons A block for tabbed navigation buttons, improving user experience by organizing content.
- Tab Content A block for displaying content within tabs, allowing users to switch between different sections seamlessly.
- Tab Contents This block displays content organized into tabs, enabling users to easily switch between different sections.
安装
- Upload the
easy-tabs-block
folder to/wp-content/plugins/
. - Activate the plugin through Plugins Installed Plugins.
- Add the Easy Tabs Block via the block inserter.
常见问题
-
Does it work with my theme?
-
Yes. It works with all Gutenberg-compatible themes. For best results, use it with block-based themes like Twenty Twenty-Five, Astra, or Kadence.
-
Can I use my own content inside the tabs?
-
Absolutely. You can add text, images, videos, shortcodes, or any Gutenberg block inside the tab content area.
-
Do I need to know code to style the tabs?
-
Not at all. You can change colors, fonts, spacing, and more using the built-in settings. It’s all point-and-click.
-
Are the tabs mobile-friendly?
-
Yes. Tabs automatically resize and stack nicely on smaller screens. No extra work is needed.
-
How do I use the pre-built templates?
-
Just open the pattern library, pick a template, and click to insert it into your page. You can then edit it like any other block.
-
Can I add icons to the tabs?
-
Yes, but you’ll need the free Icon Block Plugin for that. It works great with Easy Tabs Block.
-
Where can I get help if I run into issues?
-
You can post on the support forum or check the docs and tutorials for step-by-step guides.
评价
贡献者及开发者
更新日志
1.0.1
- ➕ Added image filter option for Active and Hover Tab Buttons
- ➕ Added a toolbar button to switch from child tab to main tab settings
- 🔄 Updated all pre-designed pattern data for better visuals and performance
1.0.0
- Initial release.