タブプラグインは、ウェブ投稿やページ上のコンテンツを整理して表示し、タブセクションを作成するのに役立ちます。これらのタブは、タグ、カテゴリ、トピックに基づいて作成されます。訪問者はタブに移動することで、簡単にコンテンツを探索することができます。
タブプラグインの大きな利点は、小さなスペースで多くの情報をカバーし、表示できることです。長いコンテンツを消化しやすい小さなパーツに分割し、複数のタブで表示することができます。
今回は、一度は見ておきたいWordPressのタブプラグインをご紹介します。
プラグイン |
評価 |
特集ハイライト |
ダウンロード |
アルティメット・ブロック |
|
||
WPタブ |
|
||
テーブルバーグ |
|
||
ゲットウィッド |
|
||
タビー・レスポンシブ・タブ |
|
||
レスポンシブ・タブ |
|
||
ジェットタブ |
|
||
タブ・レスポンシブ |
|
||
シンプルなサイドタブ |
|
以下、それについて説明しよう。
1. アルティメット・ブロック
Ultimate Blocksは、25以上のカスタムブロックを備えたGutenbergブロックプラグインです。Tabbed Contentはその中でも著名なブロックです。タブプラグインが備えていなければならないすべての機能が含まれている。タブを横にも縦にも表示できる。
このプラグインは、Tabbed Contentブロックを含む各ブロックに膨大なカスタマイズオプションを提供しています。Tabbed Contentブロックに他の様々なブロックを追加することで、ウェブサイトにたくさんの情報を表示することができます。
プラグインのタブ付きコンテンツ・ブロックの主な特徴：
- 従来のタブ、錠剤型タブ、下線付きタブの3種類
- 副タブタイトルの追加
- タブタイトルの横にアイコンを追加可能
- タブのテキストと背景色をカスタマイズする
- アニメーションの追加（60種類以上のアニメーションを提供）
- 視界をコントロールする条件を設定する
- 特定のデバイスでタブを隠す/表示する
2. WPタブ
WP Tabsはショートコードベースのタブ作成プラグインです。インストールすると、バックエンドにダッシュボードが表示され、好きなだけタブを作成できる。各タブにはショートコードが生成され、投稿やページに設置してタブを表示させることができます。
バックエンドのタブを変更すると、フロントエンドにも反映されます。WP Tabsは、タブコンテンツのスタイル設定とカスタマイズを完全にコントロールできます。
WPタブの主な特徴
- Gutenbergとページビルダーの両方で動作する
- 30以上のカスタマイズ・オプション
- タブの位置（水平または垂直）とアライメントを設定します。
- ドラッグ＆ドロップで簡単にタブを並べ替え
- すべての要素の色を簡単に変更できる
- 自動的にモバイル対応
3. テーブルバーグ
について Tablebergによるトグル・ブロック はTablebergプラグインに追加された強力なプラグインで、WordPressサイトでの表形式のデータ表示を強化するように設計されています。
この機能により、複数のテーブルを1つの場所にまとめることができ、各テーブルには使いやすいタブでアクセスできます。特に、月次と年次の料金プランなど、料金テーブルをすっきりと効率的に表示するのに便利です。
主な特徴
- 複数のタブ： デフォルトの3つのタブで開始し、コンテンツのニーズに合わせて簡単にタブを追加または削除できます。
- 柔軟なテーブル統合： 各タブに一意のテーブルを割り当て、異なるデータセット間のシームレスなナビゲーションを可能にします。
- カスタマイズ・オプション： サイトのデザインに合わせて、タブのタイトル、配置、色、サイズ、ボーダーを変更できます。
使用例：
- 価格表： 月額プランと年間プランで、異なる価格帯や機能を表示する。
- データ比較： 地域のパフォーマンス指標や製品の特徴など、さまざまなデータセットを比較する。
- 教育的内容： 学習教材やコースプランを、ナビゲートしやすいタブに整理。
- 多言語テーブル： 同じテーブルの内容を異なる言語で表示し、それぞれ別のタブで表示する。
TablebergのToggle BlockをWordPressサイトに組み込むことで、複雑なデータを整理されたユーザーフレンドリーなフォーマットで表示し、コンテンツの美観と機能性の両方を高めることができます。
4. ゲットウィッド
Getwidは多機能なGutenbergアドオンで、レスポンシブなタブブロックを備えており、すっきりとしたユーザーフレンドリーなフォーマットでコンテンツを整理するのに理想的です。ユーザーは、1つのセクションに複数のタブを簡単に追加できます。各タブは完全にカスタマイズ可能で、ウェブサイトのテーマに合ったユニークな外観を作成するためにスタイルを変更することができます。
Getwidを使えば、40以上のGutenbergブロックと35以上のテンプレートのライブラリにアクセスできる。Getwidは、余分なコストをかけずにインタラクティブタブを追加するための実用的なソリューションです。
ゲットウィッドの主な特徴
- ダイナミックなタブデザインオプション
- 40以上のGutenbergブロック
- 35種類以上のテンプレート
- シームレスなモバイル対応
- 柔軟なテーマの互換性
- パフォーマンスと機能の向上のための継続的なアップデートが完全無料
5. タビー・レスポンシブ・タブ
Tabby Responsive Tabsは、市場で最も古いタブプラグインの一つです。WordPress上で軽量なタブコンテンツを作成できることで有名です。他のタブプラグインとは異なり、横長のタブのみを作成することができ、小さい画面サイズでは自動的にアコーディオンに変換されます。
しかし、このプラグインでは、CSSコードの操作によってタブのカスタマイズやスタイル設定を行うことができます。そのため、Tabby Responsive Tabsプラグインは一般ユーザーではなく、開発者のみに適しています。
Tabby レスポンシブタブの主な機能：
- 水平タブの作成が可能
- 小さなデバイスでは自動的にアコーディオン式になる
- 同じ投稿/ページに複数のタブグループを追加できます。
- キーボードからタブやコンテンツにアクセスできます。
- タブもアコーディオンもjQueryで作られています。
6. レスポンシブ・タブ
Responsive TabsプラグインはWordPressのバックエンドに専用のダッシュボードを提供します。タブとその中のコンテンツを作成するためのわかりやすいインターフェイスが表示されます。必要に応じて外観をカスタマイズしたり、順序を変更したりできます。
各タブはショートコードを生成する。ショートコードで何をするのか、お分かりいただけただろうか。タブをブログの記事やページの任意の場所に配置することで、ユーザーにタブを表示することができます。このプラグインはWooCommerceともシームレスに動作するように設計されています。
レスポンシブタブの主な特徴：
- タブ作成のためのユーザーフレンドリーなインターフェース
- WooCommerceとの統合
- FAQとアコーディオンの追加が可能
- タブの並べ替えやタブの色のスタイリングができます。
- タブとショートコードを作成するための専用ダッシュボード
7. ジェットタブ
JetTabsはElementorのために特別にデザインされたCrocoblocksプラグインです。このプラグインを使えば、あなたのウェブサイトにスタイリッシュで機能的なタブやアコーディオンを作ることができます。Elementor用にデザインされているので、ドラッグ＆ドロップでウィジェットを使用できます。
フォント、レイアウト、スペース、カラーなど、あらゆる要素を思いのままにカスタマイズできます。その柔軟性は、タブが問題なく動作することを保証するだけでなく、あなたのウェブサイトの美観を次のレベルに引き上げるのに役立ちます。
ジェットタブの主な特徴
- 垂直タブと水平タブをサポート
- 任意のテンプレートをタブに追加できる
- 動的コンテンツの作成に役立つ
- 4つのウィジェットを追加（スイッチャー、タブ、画像アコーディオン、クラシックアコーディオン）
8. タブ・レスポンシブ
Tabs Responsiveは、携帯電話向けに自動的に最適化された縦長と横長のタブを作成するための最も簡単なプラグインの一つです。強力なカスタマイズに加えて、好きなだけタブを追加できます。
タブ名/タイトルの横にアイコンを追加できます。タブには画像、動画、音楽などのマルチメディアコンテンツを含めることができます。各タブには、投稿やページの任意の場所に配置できるショートコードが生成されます。
タブ・レスポンシブの主な特徴：
- Bootstrapフレームワークベース
- フォントの素晴らしいアイコンをサポート
- 20以上のデザインテンプレート
- 30以上のコンテンツ・アニメーション
- ショートコードによる簡単な操作
9. シンプルなサイドタブ
このプラグインを使用すると、ウェブページの左側または右側にスティッキーな垂直タブを追加できます。ユーザーがウェブページを上下にスクロールしても、タブの位置は変わりません。モバイルデバイスにも最適です。このプラグインは、ポートフォリオ、お問い合わせ、ショップ、コールトゥアクションのセクションのデザインに適しています。
シンプル・サイドタブの主な特徴：
- 7つの標準スクリーンフォントから選択可能
- タブをリンクするURLを追加する
- タブ要素の色をカスタマイズする
結論
かつては、タブ・プラグインのように、WordPressサイトの個々のタスクごとに別々のプラグインを使わなければならなかった時代もあった。しかし今では、1つで多くのことができる多機能なプラグインがたくさんある。
例えば、多くのGutenbergブロックプラグインがあり、数多くのカスタムブロックの中からタブブロックを見つけることができる。このような多目的プラグインを使うことで、バックエンドのダッシュボードをすっきりさせ、同時にコストを削減することができる。
を探ってみよう。 WordPressに最適なGutenbergブロックプラグインここでタブブロックを取得する。
