Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts
Accordionsを使えば、折りたたみ式や展開式のアコーディオンを無制限に作成できます。モバイルフレンドリーで、WooCommerceと統合されているので、製品のFAQやナレッジベース、同様のコンテンツを作成できます。
以前に "アコーディオン" を使用したことがありますか? コミュニティを支援するために、あなたのレビューを追加してください。

長所だ:

  • 無制限にアコーディオンを作成
  • 完全にカスタマイズ可能
  • 無制限のレベルでネストされたアコーディオンを作成
  • 遅延ロードをサポート
  • SEOフレンドリーなスキーマを自動的に追加
  • WooCommerceと統合して製品のFAQを作成する

WPBeginnerユーザーは9ドルから始められます!

アコーディオン を訪れる

(この割引は自動的に適用されます)

| Reader Disclosure

Accordionsレビュー:アコーディオン・プラグインは最適か?

あなたのWordPressウェブサイトに、有益なFAQセクションや同様の折りたたみ可能なコンテンツを追加したいですか?

読者からのよくある質問に対応するため、記事の一部にFAQアコーディオンを使用していることにお気づきでしょう。これは、読者体験を向上させ、より多くの訪問者を集め、WPBeginnerの検索順位を上げるのに役立っています。

要約すると、折りたたみ可能なコンテンツがどれほど価値があり、多用途に利用できるかということです。このAccordionsのレビューでは、質問と回答のセクション、WooCommerce製品のFAQ、ナレッジベース、および同様のコンテンツを作成するのに役立つ人気のプラグインを詳しく見ていきます。

Accordionsはあなたにぴったりのプラグインでしょうか?この詳細なAccordionsのレビューで確認してみましょう。

Accordions Review: Is It the Right Accordion Plugin for You?

アコーディオンのレビュー:なぜWordPressで使うのか?

PickPluginsのAccordionsは、無制限にアコーディオンを作成できるユーザーフレンドリーなプラグインです。つまり、FAQ、タブ、質問コーナー、回答コーナーなど様々なタイプのコンテンツを作成し、簡単にサイトに追加することができます。

Accordions Review: Is It the Right Accordion Plugin for You?

Accordionsはマルチメディアコンテンツをサポートしているので、アコーディオン内の各パネルに画像、ビデオ、プレイリストなどを追加できます。これはFAQや ナレッジベースを 作成する際に特に便利で、ステップバイステップの画像や詳細なビデオガイドを使って特定のタスクの完了方法を示すことができます。

マルチメディアパネルを作成するのであれば、Accordionsが遅延ローディングをサポートしていることを知ると嬉しくなるでしょう。つまり、サイトを遅くすることなく、リッチなマルチメディアコンテンツを含む長いアコーディオンを作成できます。

デジタルダウンロードや物理的な製品をオンラインで販売していますか?AccordionsはWooCommerceとシームレスに統合されているので、商品リストにFAQを簡単に追加することができます。

始めたばかりだったり、予算が限られている場合は、WordPress.orgからライトバージョンをダウンロードできる。この無料プラグインを使えば、好きなだけアコーディオンやタブを作成し、ショートコードを使ってサイトに表示することができる。

Accordions Review: Is It the Right Accordion Plugin for You?

しかし、プレミアムプラグインにアップグレードすれば、ネストされたアコーディオンを作成することができ、読者を圧倒しない方法で複雑な情報を表示するのに理想的です。また、ビルトインのアナリティクスも利用できるため、別途アナリティクスソリューションをインストールすることなくウェブサイトの訪問者を追跡することができます。

Accordionsレビュー:アコーディオン・プラグインは最適か?

アコーディオンにコンテンツを整理することで、訪問者が必要な情報を見つけやすくなります。また、1ページに大量の情報を追加しても、テキストの壁で読者を圧倒することはありません。

折りたたみ可能なコンテンツを作成したいですか?このAccordionsのレビューでは、その機能、サポート、価格について見ていき、あなたに合ったアコーディオンとタブのプラグインかどうかを確認します。

1.使いやすさ

Accordionsを使い始めるのは簡単です。まず、他のWordPressプラグインと同じようにインストールして有効化します。それが完了したら、数回クリックするだけで新しいアコーディオンやタブを作成できます。

Accordions Review: Is It the Right Accordion Plugin for You?

その後、標準のWordPressコンテンツエディタのミニバージョンを使用してコンテンツを追加することができます。

実際、テキスト、画像、ビデオ、その他WordPressがサポートするあらゆるコンテンツを挿入することができる。

Creating accordion panels for your WordPress blog or website

コンテンツに満足するまで、新しいアコーディオンパネルやタブを作成し続けるだけです。簡単なドラッグ&ドロップでタブやパネルを並べ替えることもできます。

これでスタイルを変更し、Accordionsが自動的に作成するショートコードを使ってサイトに追加することができる。

How to add an FAQ or similar section to your WordPress website, blog, or online store

2.アコーディオンとタブを無制限に作成

Accordionsを使えば、無料プラグインでもプレミアムプラグインでも、好きなだけタブやアコーディオンを作ることができます。これは、オンラインストアの物理的またはデジタル製品ごとに個別のFAQセクションを作成したい場合や、異なるページに異なるアコーディオンを表示したい場合に最適です。

Adding unlimited collapsible and expandable sections to your WordPress website

3.マルチメディア・タブとアコーディオンのデザイン

すでに述べたように、WordPressコンテンツエディタのミニバージョンを使ってアコーディオンにコンテンツを追加します。さらに、WordPressメディアギャラリーを使用して、画像、ギャラリー、オーディオクリップ、プレイリスト、またはURLからのコンテンツを挿入することができます。

An example of a frequently asked questions section, created using the Accordions WordPress plugin

このコンテンツをアコーディオンに直接埋め込むことで、訪問者はWordPressウェブサイトの他のセクションをクリックすることなく、そのコンテンツを見ることができます。

このようなマルチメディア・アコーディオンは、ドキュメンテーションやFAQのセクションで特に効果的です。画像やビデオを使用することで、読者の理解を助けることができます。

アコーディオンは標準的な書式オプションもすべてサポートしているので、リンク、太字テキスト、ブロッククォート、その他の書式をコンテンツに追加することができます。

How to format an expandable and collapsible panel in WordPress

4.完全にカスタマイズ可能なデザイン

アコーディオンにコンテンツを追加した後、マウスオーバーの色を追加したり、フォントサイズを変更したり、背景色を追加したりと、見た目を変更することができます。

How to change the accordion's style to perfectly suit your WordPress theme

また、ヘッダー、コンテンツ、コンテナーを別々にスタイル設定することもできる。

変更を加えると、いつでもアコーディオンをプレビューできる。

How to create a question and answer section for your website, blog, or WooCommerce store

そのため、さまざまなスタイルを簡単に試すことができ、あなたの会社や個人のブランディングに最適なものを見つけることができる。

5.フォントオーサムアイコン

Accordionsプラグインを使うと、パネルが折りたたまれているか展開されているかによって、異なるアイコンを表示することができます。

Adding Font Awesome icons to your website

さらに良いことに、Font Awesomeライブラリのビルトインサポートが付属しているので、さまざまなアイコンフォントから選ぶことができる。

アイコンの色を変えたり、Font Awesomeライブラリの異なるバージョンを切り替えて、さらにオプションを増やすこともできます。

Adding custom icons to your website or blog

6.どこでもアコーディオン表示

アコーディオンは、Accordionsが自動的に作成するショートコードを使用して、任意のページ、投稿、またはウィジェット対応エリアに追加できます。例えば、特定のランディングページや 販売ページにアコーディオンを追加することができます。

FAQ専用ページなど、アコーディオン専用のページを作成することもできます。

Adding an accordion to your website, blog, or online marketplace using a shortcode

7.ネストされたアコーディオンをサポート

時には、複雑な情報を訪問者に提示する必要があるかもしれません。そのような場合は、情報を複数レベルのアコーディオンにまとめるとよいでしょう。

Creating a multi-level, nested accordion

異なるパネルやタブの間に関連性がある場合にも、このオプションは有効です。例えば、親カテゴリーの下に関連するFAQをグループ化することで、訪問者が必要な情報を見つけやすくなります。

また、情報量が多く、訪問者を圧倒しないようにしたい場合は、アコーディオンを入れ子にすることをお勧めします。

このプラグインを使用すると、無制限のレベルで入れ子になったアコーディオンを簡単に作成できます。どのアコーディオンからでも、親として動作させたいセクションにショートコードを貼り付けるだけです。

An example of a nested accordion, created using a WordPress plugin

訪問者は、親から独立して異なるサブセクションを展開または折りたたむことができます。

8.オプションの縦型レイアウト

横方向のスペースが限られていますか?そのような場合、Accordionsには垂直タブレイアウトがあります。

An example of vertical tabbed content, created using a WordPress plugin

このレイアウトは、複雑な情報を明確なセクションに整理し、より自然な読書の流れを作るのにも役立つ。

9.WooCommerceとの統合

WooCommerceストアを運営していますか?

時には、カスタマが特定の商品について質問することもある。もし答えを提供しなければ、売上を逃してしまうかもしれません。たとえ買い物客から直接問い合わせがあったとしても、カスタマーサービススタッフやヘルプデスクの仕事が増えることに変わりはありません。

AccordionsはWooCommerceとシームレスに統合し、商品ページに「FAQ」タブを追加します。

An example of a product FAQ

この新規タブ内に任意のアコーディオンを表示することができます。

FAQを追加したいWooCommerce製品を開き、使用したいアコーディオンを選択するだけです。

Adding a product FAQ section to a WooCommerce product listing

アコーディオンは無制限に作成できるため、 オンラインマーケットプレイス全体で各商品ごとに完全に独立したFAQを作成できます。

10.スキーママークアップでSEOを強化する

スキーママークアップは、検索エンジンがコンテンツを理解し、正しくインデックスするのを助ける特別なタイプのHTMLコードです。スキーマのマークアップには、How toスキーマレシピスキーマ、オーサースキーマなど、さまざまな種類があります。

良いニュースは、Accordionsが自動的にスキーママークアップを生成してくれることです。これは、検索エンジンがアコーディオンやタブ内のコンテンツをインデックスし、関連する検索結果に含めるのに役立ちます。

このスキーマはすぐに機能し、WordPressのSEOを大幅に改善することができる。ただし、プラグインの設定で無効にすることもできる。

How to boost your WordPress SEO with schema markup

11.モバイルフレンドリー

当社のインターネット利用統計によると、モバイルインターネットトラフィックはウェブトラフィック全体の約55%を占めています。 このことを念頭に置いて、アコーディオンの見栄えとモバイルデバイスでの読み込みの速さを確認したいと思うでしょう。

ありがたいことに、このプラグインはjQuery UIライブラリを使ってレスポンシブなアコーディオンとタブを作成します。つまり、あなたのコンテンツはスマートフォン、タブレット、デスクトップPCのいずれでも美しく表示され、正しく機能します。

12.レイジーローディングに対応

たくさんの画像や動画を含む長いアコーディオンを作成したと想像してください。デフォルトでは、訪問者がページに到着するとすぐにすべてのコンテンツが読み込まれます。

これを避けるために、Accordionsは遅延ロードをサポートしています。有効にすると、訪問者がアコーディオンまでスクロールダウンしたときにのみ、アコーディオンがロードされます。

これにより、同じページに複数のアコーディオンがある場合でも、ウェブサイトのスピードとパフォーマンスを向上させることができます。遅延ローディングを使用する場合は、プラグインの設定でカスタム遅延ローディング画像をアップロードできます。

How to enable lazy loading on your WordPress website

あるいは、プラグインの設定で遅延読み込みを無効にすることもできます。

13.すべて展開/折りたたみボタン

アコーディオンでは、ユーザーがワンクリックですべての異なるパネルを展開または折りたたむことができるボタンを追加することができます。これは、ナビゲートしやすくなるため、異なるセクションがたくさんある大きなアコーディオンには効果的です。また、アコーディオンを開いたり閉じたりするために何度もクリックする必要がないので、訪問者のエクスペリエンスを向上させることもできます。

How to create a collapsible and expandable FAQ or similar section

この機能を有効にすると、ボタンのラベルと背景色を変更し、WordPressのテーマやブランディングにぴったりのボタンを作成できます。

14.特定のパネルを自動的に開く

デフォルトで特定のパネルを開きたい場合があります。これはページの最も重要なパネルであったり、単にアコーディオンの最初の項目であったりします。

その場合、URLパラメータかハッシュを使って、開きたいパネルを指定できます。さらに良いことに、Accordionsは1つのパネルの展開に制限をかけないので、デフォルトで複数のパネルを開くことができます。

15.便利なスクロール機能

さまざまなセクションをすべて展開した後、スクロールしてページのトップに戻るのはイライラするものです。これは、多くの異なるパネルを持つ長いアコーディオンでは特に当てはまります。また、モバイル・ユーザーはデスクトップ・コンピューターに比べて画面が小さいため、イライラすることもあります。

ありがたいことに、Accordionsには、訪問者がより簡単にアコーディオンをナビゲートできるようにする「トップへスクロール」機能があります。

16.ヘッダーテキストを切り替える

デフォルトでは、アコーディオンはパネルが折りたたまれていても展開されていても同じヘッダー・テキストを表示します。しかし、パネルが折りたたまれているか展開されているかによって異なるヘッダーを表示するトグル・テキスト機能もあります。

How to create a dynamic header

例えば、折りたたまれた状態のヘッダーを短くすることで、興味をそそるような感覚を作り出すことができる。こうすることで、訪問者があなたのパネルに興味を持つように促すことができる。

たとえば、折りたたんだヘッダーで質問を投げかけ、展開したヘッダーでその答えを明らかにするといった、よりユニークな体験を生み出すためにこの機能を使うこともできるだろう。

How to create a dynamic header using the Accordions plugin

17.検索バーを追加する

訪問者が興味深いコンテンツを見つけやすくするために、Accordionsプラグインはタブやパネルの上に検索フィールドを表示することができます。

Adding a search bar to your WordPress FAQs

18.クリック数と統計のトラッキング

訪問者がアコーディオンとどのようにやり取りしているかを監視したいですか?

このプラグインは、ユーザーが各パネルを折りたたんだり広げたりするたびにログを記録し、その情報をWordPressのダッシュボードに表示します。

これは、最もエンゲージメントを獲得しているアコーディオンや個々のパネルを特定するのに役立ちます。そして、このインサイトを使って、他のアコーディオンを改善することができます。例えば、トップパフォーマーのアコーディオンのデザインやレイアウト、その他そのアコーディオンをユニークにしているものをコピーすることができます。

あるいは、ユーザーのエンゲージメントは、あなたが対処すべき問題を示しているかもしれません。例えば、多くの人が特定のよくある質問を拡大している場合、多くの訪問者がこのトピックについて混乱していることを示唆しています。その場合、ドキュメンテーションに不足している情報を追加したり、ブログ記事やメールマガジンでそのトピックを取り上げる必要があるかもしれません。

19.ページ・ビルダー・プラグインとの統合

SeedProdのようなページビルダープラグインを使っていますか?

ショートコードを生成するので、ページビルダーを使ってデザインしたカスタムページにアコーディオンを追加できる。唯一の制限は、選択したページビルダーがショートコードをサポートしていることです。

20.簡単移行ツール

他のアコーディオン・プラグインからの移行ですか?それなら、Accordionsには多くの人気プラグインをサポートするサードパーティ・インポート・ツールがビルトインされています。

How to import accordions from a third-party WordPress plugin

これには、WP Shortcode、Meks Flexible Shortcodes、Shortcodes Ultimate、Easy Accordionが含まれる。このように、Accordionsは、このプラグインに移行する際に既存のコンテンツを手動で作り直す必要がないので、時間と労力を大幅に節約することができる。

21.アコーディオンのインポートとエクスポート

複数のウェブサイトで同じアコーディオンを再利用したいですか?

Accordionsを使えば、すべてのコンテンツをJSONファイルとしてエクスポートし、Accordionsがインストールされている他のウェブサイトにインポートすることができます。

How to import and export accordions between WordPress websites

また、AccordionsはWordPressのデフォルトのインポート/エクスポートツールと統合することもできます。

つまり、投稿やページ、その他のコンテンツを移行するのとまったく同じ方法で、アコーディオンを別のウェブサイトにインポートできるのです。

The WordPress import/export tool

どのような方法を選んでも、手作業でアコーディオンを作り直すのに比べ、時間と労力を大幅に節約できる。

また、複数のウェブサイトを管理していて、すべてのウェブサイトで同じデザインを使いたい場合にも便利です。希望通りの設定とスタイルのアコーディオンを作成し、エクスポートするだけです。

そして、このJSONファイルをテンプレートとして、すべてのウェブサイトで使用することができます。こうすることで、時間を節約しながら、ポートフォリオ全体でより一貫性のあるデザインを作成することができます。

22.地域社会と専門家の支援

ユーザーフレンドリーでコード不要のエディタとWooCommerceのサポートにより、Accordionsは使いやすさを念頭に置いて設計されています。しかし、まだ疑問があったり、特定の機能についてもっと知りたいことがあるかもしれません。

とはいえ、24時間いつでもアクセスできる小さなオンラインドキュメンテーションのセクションがあります。WooCommerceで製品の質問と回答のセクションを追加する方法など、様々なアコーディオンを作成する方法が紹介されています。

The Accordions online documentation

一対一のヘルプをご希望の場合は、質問を投稿して専門家から直接回答を得ることができるフォーラムがあります。また、サポートチケットを送信していただければ、アコーディオンズサポートチームができるだけ早くお返事いたします。

無料のプラグインをお使いの場合は、代わりにWordPress.orgのAccordionsフォーラムに投稿することができます。公共のサポートフォーラムに投稿するときは、専門家があなたの問題を完全に理解し、役立つ回答を投稿できるように、できるだけ詳しく説明することを常にお勧めします。このトピックの詳細については、WordPressのサポートを正しく依頼する方法についてのガイドをご覧ください。

アコーディオン・レビュー価格とプラン

始めたばかりだったり、予算が限られている場合は、WordPress.orgからAccordionsの無料版をダウンロードできます。このプラグインを使えば、サイトに無制限にアコーディオンを追加し、WordPressやWooCommerceのテーマにぴったり合うようにカスタマイズすることができる。

また、レイジーローディングをサポートし、スキーママークアップをサイトに自動的に追加する。

しかし、ネストされたアコーディオンを作成したり、ダイナミックヘッダーを表示したり、ウェブサイトの訪問者をトラッキングしたい場合は、プレミアムプラグインにアップグレードする必要があります。

他のWordPressプラグインとは異なり、どのプランを購入しても同じ機能を利用できます。また、1年間のアップデートとプロフェッショナルなサポートを受けることができます。

Accordions Review: Is It the Right Accordion Plugin for You?

大きな違いは、アコーディオンを使えるウェブサイトの数だ:

  • 個人向け。年間9ドルで、1つのWordPressブログ、ウェブサイト、またはオンラインストアにプラグインをインストールできます。
  • プラス 年間10ドルのこのプランでは、最大10サイトまでAccordionsをインストールできます。とはいえ、アフィリエイト・マーケティング・ネットワークの関連ブログなど、複数のサイトを所有している場合には良いオプションです。
  • フリーランスWordPressのデザイン会社や開発会社を経営されていますか?年間89ドルで30サイトまでAccordionsをご利用いただけます。
  • 代理店。 年間129ドルで、500のウェブサイトまでこのプラグインを使用することができます。つまり、私たちは大規模なWordPress開発エージェンシーにこのプランをお勧めします。

Accordionsレビュー:アコーディオン・プラグインは最適か?

このAccordionsのレビューをまとめると、タブ、アコーディオン、FAQセクション、テクニカルドキュメント、および同様のコンテンツを作成するための素晴らしいプラグインであると確信している。どのようなコンテンツを作成しても、Accordionsが自動的に作成するショートコードを使用して、任意のページ、投稿、またはウィジェット対応エリアに追加できます。

また、WooCommerceと統合して、どの商品リストにもFAQタブを追加することができます。こうすることで、潜在的な顧客がより多くの情報を得た上で購入を決定するために必要な答えを提供することができます。これはコンバージョン率に大きな影響を与え、オンラインビジネスの成長に役立ちます。

このAccordionsのレビューが、あなたにとって適切なアコーディオン・プラグインかどうかを判断する一助となれば幸いです。次に、WordPressでお問い合わせフォームを作成する方法についてのガイド、またはWordPressのSEOプラグインとツールのエキスパートによるベストセレクションをご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

WPBeginnerユーザーは9ドルから始められます!

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Reader Interactions

アコーディオン ユーザーレビュー

現時点では、アコーディオンに関するユーザーレビューはありません。
あなたのアコーディオンのレビューをコミュニティ内で共有しましょう。

レビューを書く

レビューをお寄せいただきありがとうございます。すべてのレビューは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスは公開されませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。

あなたの評価: