Advanced Tabs Gutenberg Block

説明

Advnaced Tabs Block は、Gutenberg ネイティブコンポーネント で開発されたカスタム Gutenberg ブロックです。このブロックを使用すると、タブスタイルでコンテンツを簡単に作成できます。多くのカスタマイズとスタイリングのオプションが付属しています。

概要

主な機能

  • シンプル、軽量、超高速
  • Gutenberg ネイティブコンポーネントのみで構築しています
  • ブロックが使用されているページのみスクリプトを読み込む
  • ブロックビルダーは一切ありません
  • 100% レスポンシブです
  • 高度なカスタマイズオプション
  • グーテンベルグエディタで使いやすいです
  • ドラッグ&; ドロップで使用できます
  • すべてのタイプのコンテンツがタブコンテンツとして許可されます

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.

インストール

このセクションでは、プラグインをインストールして機能させる方法について説明します。

  1. プラグインファイルを /wp-content/plugins/advanced-tabs-block ディレクトリにアップロードするか、WordPress プラグイン画面からプラグインを直接インストールします。
  2. WordPress の「プラグイン」画面でプラグインを有効化します
  3. Gutenberg ブロックエディターに移動すると、「Advanced Tabs Block」という名前の新しいブロックを含む新しいカテゴリが見つかります。
  4. ドラッグアンドドロップして使用します。

FAQ

レスポンシブですか ?

その通り、100% レスポンシブです

ブロックビルダーを使用していますか ?

いいえ、100% Gutenberg ネイティブ コンポーネントのみで構築されています。

評価

2025年9月19日
It is a great plugin and it was working great, but now my site is broken
2025年9月19日
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.
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 reply
I truly hope this gets updated. It was great, but now it doesn’t work at all. Very disappointing.
2023年10月27日 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