7つの最高のWordPressアコーディオンプラグイン（無料およびプロ）
公開: 2022-10-17
WordPress アコーディオンは、Web サイト コンテンツのゲームをより良いものに変えています。 訪問者が理解しやすくナビゲートしやすい方法で Web サイトで多くのコンテンツを共有する必要がある場合、アコーディオンは最適なツールです。
アコーディオンの優れた点の 1 つは、特定のニーズに合わせてカスタマイズできることです。 それらを使用して、FAQ に回答したり、情報を提供したり、製品の特定の機能を強調したりできます。 それらの多様性はそれらを際立たせ、訪問者の記憶に残る体験を生み出します。
利用可能なすべてのオプションから適切なプラグインを選択するのは難しい場合があります. 検索を容易にするために、当社の専門家による 7 つ以上の最高の WordPress アコーディオン プラグインのリストをまとめました。無料オプションとプレミアム オプションの両方が利用可能です!
プラグイン | アクティブ インストール数 | 評価 | より詳しい情報 |
究極のブロック | 40,000+ | ||
簡単アコーディオン | 30,000+ | ||
アコーディオン | 30,000+ | ||
アコーディオン FAQ | 50,000+ | ||
エレメンター | 500万以上 | もっと詳しく知る  | |
ディビ | 800,000+ | ||
アコーディオンブロック | 20,000+ |
これらのプラグインの詳細を見てみましょう。
1.究極のブロック
ブロガーにとって最高のプラグインである Ultimate Blocks には、アコーディオン プラグインとして機能する Content Toggle ブロックがあります。 さまざまなカスタマイズ機能とともに FAQ を追加して、ブランディングの可能性を最大限に高めることができます。
このプラグインは、開いた/折りたたまれたアコーディオンや入れ子になったアコーディオンなど、複数のタイプのアコーディオンを提供します。 各スタイルは異なる機能を提供し、それらを組み合わせて Web ページを最大限に活用できます。 コンテナーの色、タイトルの色、および既定の状態をカスタマイズできます。
Ultimate Blocks は Gutenberg アドオンとして有効にできるため、ワークフローが大幅にスムーズになります。 軽量でモバイル対応であるため、標準のアコーディオン プラグインを探している Web サイトにとって強力なリソースです。
主な機能
- クイックセットアップ
- ステータス アイコンの切り替え
- モバイルレスポンシブ
- FAQ スキーマの有効化/無効化
- さまざまな種類のアコーディオン
- 初期状態の構成
- カスタマイズ可能なコンテンツとタイトルの色
2.簡単アコーディオン
Easy Accordion は、1 か所で無制限の数のアコーディオンを作成できる強力なアコーディオン ビルダー プラグインです。 各アコーディオンには多数の色とスタイルのオプションがあり、WordPress サイトを有益で活気のあるものにすると同時に、
幅広い種類のアコーディオンを作成できます。 デフォルトのアコーディオン、折りたたみ可能なアコーディオン (回答を最小化できる)、および固定アコーディオン (コンテンツの高さを指定できる) があります。 アコーディオンのほぼすべての色、サイズ、位置を調整できます。
アコーディオンを設計するときは、ドラッグ アンド ドロップ方式を選択して、そのアコーディオン テンプレートの 1 つを使用するだけです。 すでにいくつかのアコーディオンを用意していますか? すべてのアコーディオンをインポートおよびエクスポートできるので、時間を大幅に節約できます!
主な特長:
- ドラッグ アンド ドロップ API
- アコーディオンのインポートとエクスポート
- レスポンシブ & タッチ対応
- FAQ 検索フィールド (Pro 機能)
- 水平および Woocommerce タブ アコーディオン (Pro 機能)
- Wpml、PolyLang、qTranslate を使用した多言語サポート
3. アコーディオン
アコーディオンは、ショートコードを使用して、WordPress サイトに好きなだけアコーディオンを表示する適切な名前のプラグインです。 高度なカスタマイズが可能で、ほとんどのページ ビルダーと互換性があります。
コンテナーの色、サイズ、パディング、形状など、アコーディオンのほとんどの側面をカスタマイズできます。 アコーディオンは、折りたたみ可能、トリガーを介してアクティブ化、および遅延ロードを使用して表示するように構成できます。 カスタム CSS を追加して、さらにカスタマイズすることもできます。 また、アコーディオンを互いに入れ子にしたり、ドラッグして並べ替えたりすることもできます。
将来使用する可能性のある古いアコーディオンがある場合、Accordion を使用すると、それらを削除せずに非表示にすることができます。 ユーザーがヘッダーをクリックした回数を追跡したり、ユーザーが質問にカーソルを合わせたときに FAQ を表示することを選択したりできます。 このプラグインは、ユーザーの行動を理解して予測するのに役立つため、A+ を付けています。
主な機能
- ソート可能で翻訳対応
- アコーディオンの検索バー
- 各ヘッダーのカスタム アイコン
- アコーディオンの遅延読み込みを有効にする
- 水平および垂直のアコーディオン タブ
- マウス ホバーでアコーディオンを有効にする
- アコーディオンを削除せずに隠す
- コンテンツ、ヘッダー、アイコン、コンテナのカスタマイズ
4. アコーディオン FAQ
アコーディオン FAQ は、無制限のアコーディオンで無制限のカラー オプションを提供します。 このプラグインは、魅力的な UI とレスポンシブなデザインにより、高度にカスタマイズされたユーザー エクスペリエンスを約束します。
一意のセクション タイトルを持つ複数のアコーディオン セクションを追加できます。 アイコンを追加したり、半径を調整したり、トグルを追加したり、もちろん、すべての要素の色をカスタマイズしたりできます. WordPress ページとウィジェットの両方にアコーディオンを表示できます。
そのプロ版には 20 個のテンプレートが付属しており、それぞれが新鮮な外観とスタイルをもたらします。 このプラグインは 25 の洗練されたアニメーションを提供するため、各 FAQ に素敵な小さなアニメーションを追加できます。 Accordion FAQ のお気に入りの機能は、そのアコーディオンがテキストの FAQ と回答に限定されないことです。 ビデオ、画像ギャラリー、スライダーのアコーディオンも作成できます!
主な機能
- 20 アコーディオン テンプレート
- 優れたユーザー インターフェイス
- アコーディオンにオーバーレイを追加する
- ビデオとスライダーのアコーディオン
- 各 FAQ で異なる色を使用する
- アコーディオン用の洗練されたアニメーション (Pro)
5.Elementorアコーディオンウィジェット
世界で最も人気のあるページ ビルダーの 1 つとして、Elementor を新たに紹介する必要はありません。 シンプルなツールと魅力的なページ レイアウトで有名です。
Elementor は数あるページ ビルダーであり、GrubHub、Agora などの多くの有名企業で使用されています。 Elementor は、夢の Web サイトを作成するためのツールと自由を提供します。
そのアコーディオン ウィジェットには、通常のタイトル、コンテンツ、およびアイコンが付属しています。 一度に 1 つのアコーディオンの質問を展開でき、プラグインは残りを自動的に折りたたみます。 色、パディング、タイポグラフィ、さらには間隔をカスタマイズできます。 プラグインを使用すると、アコーディオンの開閉時に複数のアイコンを追加できます。 ユーザーフレンドリーでシンプルです。ぜひお試しください。
主な機能
- FAQ タイトルの HTML タブを設定する
- FAQ スキーマの有効化/無効化
- アイコンの推奨事項を提供します
- クイックスキャンに最適なツール
- アニメーションとモーション効果を追加する (Pro)
- ウィジェットの位置を調整する (Pro)
6.Diviアコーディオンモジュール
著名なテーマおよびページビルダーであるDiviは、WordPressのすべての取り組みに最適なツールです. 無制限の機能と機能が付属しており、ビジュアル編集をまったく新しいレベルに引き上げます。
よくある質問が縦のリストに表示されます。 そのアコーディオン モジュールは、標準機能を備えた非常に基本的なものです。 Divi のデザイン タブを使用すると、テキスト、サイズ、間隔、および影を編集し、質問に小さなアニメーションを追加できます。 タブの 1 つが常に開いているので、アコーディオンに背景画像や色を追加することもできます!
このプラグインはモバイル対応であるため、さまざまなデバイスでアコーディオンを表示または非表示にすることを選択できます。 非常に人気のあるツールである Divi には、大量のドキュメント、チュートリアル、アドオンが用意されているため、きっと気に入っていただけるはずです!
主な機能
- ビジュアルエディター
- アニメーションを追加します
- カスタマイズ可能な要素
- FAQ の背景画像
- 素晴らしいユーザー エクスペリエンス
- 堅牢なサポートデスク
7. アコーディオンブロック
Accordion Blocks は、WordPress ブログ用に応答性の高いアコーディオンを構築する Gutenberg プラグインです。 軽くてシンプルで、20,000 人以上に愛されています。
このプラグインを使用すると、ネストされたアコーディオンを追加して、サイトのブランディングにシームレスに溶け込むことができます. 設定の異なる複数のアコーディオンを追加する場合は、個々のオプションも構成できます。 アコーディオン アイテムのデフォルトの開閉オプションをカスタマイズして、訪問者が気に入るユーザー ジャーニーを作成できます。
無料のプラグインとして、このアコーディオン ブロックは一流の品質です。 よくある質問がスタイリッシュに凝縮されているので、試してみませんか？
主な機能
- 信じられないほど軽量
- 完全にレスポンシブ
- カスタム ブロックの追加をサポート
- アイテム ID と直接リンクのサポート
- アコーディオン項目の自動開閉を構成する
- デフォルト設定を使用して新しいアコーディオンを変更します
結論
WordPress サイトをよりダイナミックで魅力的なものにすることを使命としている場合は、アコーディオンを使用するのが最適です。 それらは、簡単にスクロールできる一口サイズのコンテンツを作成するのに役立ちます。これは、視聴者の限られた注意スパンに最適です.
さまざまなアコーディオンと、それらを使用して Web サイトのコンテンツをより実用的なものにするさまざまな方法について学んでいただければ幸いです。 この記事を楽しんだら、友達と共有してください!
読んでいただきありがとうございます。
開示: この投稿にはアフィリエイト リンクが含まれています。 これらのリンクのいずれかを使用して購入すると、追加費用なしで少額のコミッションが得られる場合があります。 ご協力ありがとうございました。
それらすべてを置き換える 1 つのプラグイン。
Ultimate Blocks は、18 以上のブロックを持つ無料の Gutenberg Blocks プラグインです。