Advanced Tabs Gutenberg Block

Опис

Advnaced Tabs Block is a custom Gutenberg Block developed with Gutenberg Native Components. You can easily showcase your contents in Tabs Style using this block. It has come with a lot of customization and styling options.

Overview

Key Features

  • Simple, light-weight, and super-fast
  • Built with only Gutenberg Native Components
  • Load scripts only the page where the block is used
  • No Block Builder at all
  • 100% Responsive
  • Advanced Customization options
  • Easy to Use in Gutenberg Editor
  • Drag & Drop Use
  • All types of contents are allowed as Tabs Content

Update Notice

This is a major stable update. So, the old version will be broken. Please redesign your tabs using the new version. Sorry for the inconvenience.

Скріншоти

Блоки

Цей плагін надає 2 блоки.

  • Horizontal Tab Show your content in a horizontal tab.
  • Tab Show your content in a horizontal tab.

Встановлення

This section describes how to install the plugin and get it working.

e.g.

  1. Upload the plugin files to the /wp-content/plugins/advanced-tabs-block directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Simply go to Gutenberg Block Editor and you will find a new category with a new Block named “Advanced Tabs Block”
  4. Drag and drop to use it.

Часті питання

Is it responsive?

Sure, it is 100% Responsive

Have you used any block builder?

No, it is built with 100% Gutenberg Native Components only.

Відгуки

19.09.2025
It is a great plugin and it was working great, but now my site is broken
19.09.2025
After updating to version 1.2.5 the plugin instantly threw a fatal error and broke the site. It’s been more than two weeks since the problem was reported and there’s still no patch or answer from the developer. The plugin was fine before, but this kind of issue and the lack of support make it hard to trust.
20.01.2024
Once I add this tabs block ( mind you, it is only a horizontal tabs block and NOT vertical, you cannot change that ), my page just froze. I had to disable and remove the plugin to make it work again.
09.11.2023 1 reply
I truly hope this gets updated. It was great, but now it doesn’t work at all. Very disappointing.
27.10.2023 1 reply
Great plugin. Thanks for the excellent work. SVG in tab navigation is great option, but there are no way to style this type of icons (example: regular/hover fill color). So here is my suggestion: all of the block’s styles to be defined as css variables on the .tabs-container. Then one could apply any style by custom css according to the current config: .tabs-nav .tab-title { color: var(–tab-text-color); } .tabs-nav .tab-title svg { fill: var(–tab-text-color); } Defaults vars could be applied on html/body
Прочитати всі 15 відгуків

Учасники та розробники

“Advanced Tabs Gutenberg Block” — проект з відкритим вихідним кодом. В розвиток плагіну внесли свій вклад наступні учасники:

Учасники

“Advanced Tabs Gutenberg Block” було перекладено на 1 локалізацію. Дякуємо перекладачам за їх роботу.

Перекладіть “Advanced Tabs Gutenberg Block” на вашу мову.

Цікавитесь розробкою?

Перегляньте код, перегляньте сховище SVN або підпишіться на журнал розробки за допомогою RSS.

Журнал змін

1.2.6

  • Fixed: PHP Fatal Error Issue is fixed

1.2.5

  • Codes are optimized
  • Add accessibility support
  • CSL issue fixed

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 Tabs 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 are Fixed
* Improved: Code Quality
1.1.2
* Fixed: Some minor bugs
1.1.0
* Added: New Styles for Tabs
1.0.0 – Initial Release