Quick and Easy FAQs:簡単なよくある質問ページを設置できる

2018年11月30日

4 つの表示スタイルを選べる簡単なよくある質問ページを設置できる WordPress 用プラグインの紹介です。
それは「Quick and Easy FAQs」です。
そのインストール手順から日本語化・使い方と設定などを解説していきます。

Quick and Easy FAQs

Screenshot of wordpress.org

Quick and Easy FAQs は、4 つの表示スタイルを選べる簡単なよくある質問ページを設置できます。

  • 全ての FAQ をシンプルリストスタイルで表示
  • 全ての FAQ をシンプルリストスタイルで表示かつグループ別に表示
  • 全ての FAQ をトグル(アコーディオン)スタイルで表示
  • フィルタ可能なトグル(アコーディオン)スタイルで全ての FAQ を表示

FAQ を表示する際には、新しい FAQ 投稿がより上に表示されます。
表示順を変更したい場合には、下記のプラグインなどを使うと良いでしょう。

https://www.hiskip.com/wp/plugin/post/posting-support/4053.html

記事を作成もしくは更新時点でのバージョン:v 1.1.3
マルチサイトでの利用:可

インストール手順

下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化するか
Quick and Easy FAQs – WordPress.org

もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面から入手できます。

ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「Quick and Easy FAQs」と入力します。

WordPressプラグイン「Quick and Easy FAQs」のスクリーンショット

検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。

プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。

WordPressプラグインのインストール手順を解説 – WordPress活用術

日本語化

Quick and Easy FAQs を有効化した際に日本語化されない場合には、
日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。

WordPress と関連プロジェクト(テーマ・プラグイン)用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。

※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。

日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。

WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術

専用メニュー

WordPressプラグイン「Quick and Easy FAQs」のスクリーンショット

ダッシュボードの「メディア」メニューの下に追加されています。

管理画面

WordPressプラグイン「Quick and Easy FAQs」のスクリーンショット

「FAQ」メニューを選択すると表示される管理画面。

使い方

使い方としては、以下の 3 種類です。

FAQ 用の投稿を作成
FAQ 用のカテゴリーを作成
専用のショートコードを記述した投稿もしくはページを作成し公開

FAQ 用の投稿を作成

WordPressプラグイン「Quick and Easy FAQs」のスクリーンショット

WordPressプラグイン「Quick and Easy FAQs」のスクリーンショット

FAQ 用のカテゴリーを作成

WordPressプラグイン「Quick and Easy FAQs」のスクリーンショット

WordPressプラグイン「Quick and Easy FAQs」のスクリーンショット

Settings

WordPressプラグイン「Quick and Easy FAQs」のスクリーンショット

  • FAQs toggle colors
    トグルの色を選択します。
  • Question text color
    質問のテキスト色を選択します。
  • Question text color on mouse over
    マウスホバー時の質問のテキスト色を選択します。
  • Question background color
    質問の背景色を選択します。
  • Question background color on mouse over
    マウスホバー時の質問の背景色を選択します。
  • Answer text color
    答えのテキスト色を選択します。
  • Answer background color
    答えの背景色を選択します。
  • Toggle Border color
    トグルの枠線の色を選択します。
  • Custom CSS
    カスタム CSS コードを入力できます。

表示例

シンプルリストスタイルで表示

WordPressプラグイン「Quick and Easy FAQs」のスクリーンショット

[faqs]

シンプルリストスタイルで表示かつグループ別に表示

WordPressプラグイン「Quick and Easy FAQs」のスクリーンショット

[faqs grouped="yes"]

トグルスタイルで表示

WordPressプラグイン「Quick and Easy FAQs」のスクリーンショット

[faqs style="toggle"]

トグルスタイル&グループ分けで表示

WordPressプラグイン「Quick and Easy FAQs」のスクリーンショット

[faqs style="toggle" grouped="yes"]

フィルタ可能なトグルスタイルで表示

WordPressプラグイン「Quick and Easy FAQs」のスクリーンショット

[faqs style="filterable-toggle"]

その他

特定のグループで表示を絞り込むこともできます。

[faqs filter="group-slug"]
[faqs style="toggle" filter="group-slug"]

Gutenberg エディターでの挿入手順

Gutenberg エディターでのショートコードの挿入手順については、
下記の記事にて詳しく解説していますので、御覧ください。

https://www.hiskip.com/wp/notes/9402.html

代替プラグイン

Quick and Easy FAQs にほしい機能が無かった場合には、
Quick and Easy FAQs 以外にもよくある質問ページを作成できるプラグインを記事にしています。
以下では、Quick and Easy FAQs を含めて 7 個を簡単に紹介しています。

よくある質問ページを作成できるWordPressプラグイン一覧

URL

Quick and Easy FAQs – WordPress.org

本ページはアフィリエイトプログラムによる収益を得ています