Linux 软件免费装
Banner图

Easy Tabs Block – Smart, Lightweight & Responsive Tabs for the Block Editor

开发者 easytabsblock
更新时间 2026年6月15日 02:07
PHP版本: 6.7 及以上
WordPress版本: 7.0
版权: GPLv2 or later
版权网址: 版权信息

标签

accordion tab tabs responsive tabs wordpress tabs

下载

1.0.8 1.0.0 1.0.2 1.0.3 1.0.4 1.0.1 1.0.6 1.0.7 1.0.5 1.0.9 2.0.0

详情介绍:

Get Pro | Documentation | Support Easy Tabs Block is the easiest way to add responsive tabs, collapsible tabs, and accordion layouts to your WordPress site — right inside the block editor, without writing a single line of code. Organize long pages into clean, clickable sections. Build horizontal tabs, vertical tabs, or turn your Gutenberg tabs into a smooth FAQ accordion with one click. Drop in any Gutenberg block — images, videos, buttons, shortcodes, even other blocks-inside-blocks — and your tabbed content stays fast, accessible, and beautiful on every screen size. Whether you run a blog, a business site, or a WooCommerce store, Easy Tabs Block helps you show more content in less space — and keeps visitors engaged instead of scrolling away. In a nutshell:

安装:

From your WordPress dashboard (recommended)
  1. Go to Plugins → Add New.
  2. Search for "Easy Tabs Block".
  3. Click Install Now, then Activate.
  4. In any post or page, add the Tabs block from the block inserter.
Manual installation
  1. Upload the easy-tabs-block folder to /wp-content/plugins/.
  2. Activate the plugin through Plugins → Installed Plugins.
  3. Add the Easy Tabs Block via the block inserter.

屏幕截图:

  • Tabs block interface in the Gutenberg editor.
  • Patterns library with one-click import options.
  • Style customization panel for active/hover states.
  • Example of vertical tabs.

常见问题:

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 the 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.

Is Easy Tabs Block accessible?

Yes. The plugin is built with accessibility in mind, including keyboard navigation support, proper ARIA attributes, and screen reader compatibility, so all users can interact with your tabbed content.

Can I use it for WooCommerce product tabs?

Yes. Add the Tabs block to any product page layout to organize descriptions, specifications, shipping info, and reviews into clean, responsive product tabs. Note: Editing the product template directly needs a block-based (FSE) theme so you can use the Site Editor. On classic themes you can still add the Tabs block inside any post, page, or block area — just not the default WooCommerce product tabs section.

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. You'll get an icon block along with the tabs, which you can use to add an icon to any tab button.

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.

更新日志:

2.0.0 - June 14, 2026 1.0.9 - May 12, 2026 1.0.8 - Mar 08, 2026 1.0.7 - Jan 31, 2026 1.0.6 - Nov 26, 2025 1.0.5 - Nov 05, 2025 1.0.4 - Aug 26, 2025 1.0.3 - Jul 11, 2025 1.0.2 - Jul 08, 2025 1.0.1 - May 07, 2025 1.0.0 - Apr 24, 2025