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 個可供 Gutenberg/區塊編輯器使用的區塊。

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

使用者評論

2024 年 1 月 20 日
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.
2023 年 11 月 9 日 1 則留言
I truly hope this gets updated. It was great, but now it doesn’t work at all. Very disappointing.
2023 年 10 月 27 日 1 則留言
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
2023 年 9 月 18 日 1 則留言
It’s hard to trust the plugin again after an update broke everything, i will use something else since i had a lot of tabs.
2023 年 9 月 6 日 1 則留言
After ii added the tabs to hundreds of posts the developer deleted the block im using in the last update. It’s another plugin now, he just destroyed my entire website. The solution? Use the old version that may be incopatible with future wordpress versions or update all the posts. Use ultimate blocks instead, they have similar and better tabs. I wanted to use it at first but i said that small plugins deserve a chance. Bad chioice.
閱讀全部 13 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Advanced Tabs Gutenberg Block〉的開發相關工作。

參與者

〈Advanced Tabs Gutenberg Block〉外掛目前已有 1 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈Advanced Tabs Gutenberg Block〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

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