FAQ Management System

FAQ・よくある質問管理システム マニュアル

「FAQ・よくある質問管理システム」は、WordPressの管理画面からよくある質問を登録・管理し、ホームページにアコーディオン形式で表示できるWordPressプラグインです。

1. プラグインを有効化する

WordPress管理画面から「プラグイン」→「新規プラグインを追加」を開きます。

「プラグインのアップロード」からZIPファイルをアップロードし、インストール後に有効化してください。

有効化すると

WordPress管理画面に 「FAQ管理」メニューが追加されます。

2. FAQカテゴリを作成する

FAQを「料金について」「サービスについて」などに分けたい場合は、最初にFAQカテゴリを作成します。

FAQ管理 → FAQカテゴリ

カテゴリ名を入力して、新しいFAQカテゴリを追加してください。

  • 料金について
  • サービスについて
  • お申し込みについて
  • お支払いについて
カテゴリを使わない場合

FAQカテゴリは必須ではありません。カテゴリ分けが不要な場合は、そのままFAQを登録できます。

3. FAQを登録する

FAQ管理 → 新規追加

新規FAQの編集画面を開きます。

質問を入力する

タイトル欄に、お客様からよく聞かれる質問を入力します。

質問の例

料金はいくらですか?

回答を入力する

本文欄に、その質問に対する回答を入力します。

回答の例

料金はサービス内容によって異なります。詳しくは料金ページをご確認ください。

FAQカテゴリを選ぶ

必要に応じて、右側のFAQカテゴリから該当するカテゴリを選択します。

入力が終わったら公開をクリックしてください。

4. FAQの表示順を変更する

FAQ管理 → FAQ一覧

登録したFAQは、一覧画面から自由に表示順を変更できます。

↑ ↓ ボタンで移動する

FAQ右側にあるをクリックすると、FAQを1件ずつ上下へ移動できます。

マウスでドラッグする

一覧右側のをマウスでつかみ、そのまま上下へ移動します。

希望する位置でマウスを離してください。

並び替えは自動保存されます

↑↓ボタンまたはドラッグで順番を変更すると、変更した表示順が保存されます。

5. FAQカテゴリの表示順を変更する

FAQ管理 → FAQカテゴリ

FAQカテゴリもFAQ本体と同じように並び替えることができます。

で1件ずつ移動するか、をドラッグして順番を変更してください。

カテゴリタブ付きFAQを表示した場合、この並び順がカテゴリタブにも反映されます。

6. FAQの表示設定を変更する

FAQ管理 → 表示設定

表示設定では、FAQページの文字やデザインを管理画面から変更できます。

基本テキスト

ラベル

FAQタイトルの上に表示する小さな文字です。「FAQ」「Q&A」「よくある質問」などを設定できます。

タイトル

FAQエリアのメインタイトルです。初期設定は「よくある質問」です。

説明文

タイトルの下に表示する説明文です。

「すべて」タブの文字

カテゴリタブ付き表示で最初に表示される「すべて」の文字を変更できます。

7. 表示オプションを設定する

空カテゴリも表示する

チェックを入れると、FAQがまだ1件も登録されていないカテゴリもカテゴリタブに表示されます。

通常はチェックを外したままで問題ありません。

最初のFAQを開いて表示する

チェックを入れると、ページを開いたときに一番上のFAQだけ回答が開いた状態で表示されます。

チェックを外すと、すべてのFAQが閉じた状態から表示されます。

8. FAQの色を変更する

「デザイン設定」では、FAQの各部分の色を変更できます。

背景色 上

FAQエリア上部の背景色です。

背景色 下

FAQエリア下部の背景色です。

アクセント色

ラベルや選択中のカテゴリなどに使用されます。

薄いアクセント色

淡い背景色や補助色として使用されます。

タイトル色

FAQタイトルの文字色です。

上線の色

タイトル上部のライン色です。

下線の色

タイトル下部のライン色です。

カテゴリ背景色

通常時のカテゴリタブ背景色です。

カテゴリ選択中背景色

現在選択されているカテゴリタブの背景色です。

Q背景色

質問部分の「Q」マークの背景色です。

A背景色

回答部分の「A」マークの背景色です。

元の色に戻したい場合

「デフォルト色に戻す」をクリックすると、FAQの色設定を初期状態へ戻すことができます。

9. タイトルデザインを変更する

FAQタイトル部分は、5種類のデザインから選択できます。

  • シンプル
  • 上ライン
  • 上下ライン
  • 薄い背景
  • カード

表示設定画面のプレビューを確認しながら、ホームページに合うデザインを選択してください。

設定後は保存してください

文字・色・デザインを変更したら、画面右側の「設定を保存」をクリックしてください。

10. FAQをホームページに表示する

FAQはショートコードを固定ページや投稿に貼り付けて表示します。

カテゴリタブ付きで表示する

カテゴリタブ付きFAQ[fms_faq_tabs]

通常のFAQ一覧を表示する

基本のFAQ一覧[fms_faq_list]

特定カテゴリだけ表示する

カテゴリ指定[fms_faq_list category="price"]

表示件数を指定する

5件だけ表示[fms_faq_list limit="5"]

カテゴリと件数を両方指定する

カテゴリ+件数指定[fms_faq_list category="price" limit="5"]

この例では「price」カテゴリに登録されているFAQを5件まで表示します。

11. category="price" の「price」とは?

category="price" の「price」の部分には、FAQカテゴリのスラッグを入力します。

FAQ管理 → FAQカテゴリ

FAQカテゴリ一覧を開くと、各カテゴリのスラッグを確認できます。

料金について
price
サービスについて
service
申し込みについて
order

12. ショートコードの設置方法

  1. FAQを表示したい固定ページまたは投稿を開きます。
  2. 使用したいショートコードを本文に貼り付けます。
  3. ページを更新します。
  4. 公開ページを確認すると、登録したFAQが表示されます。
FAQを変更した場合

質問や回答を変更しても、ショートコードを貼り直す必要はありません。FAQ管理画面で内容を更新すれば、公開ページにも反映されます。

基本的な使い方

初めて使用するときは、次の順番で設定すると簡単です。

  1. 必要に応じてFAQカテゴリを作成する
  2. 質問と回答を登録する
  3. FAQにカテゴリを設定する
  4. FAQの表示順を並べ替える
  5. 必要に応じてカテゴリの表示順を変更する
  6. 「表示設定」でタイトルや色を設定する
  7. タイトルデザインを選択する
  8. 「設定を保存」をクリックする
  9. 表示したいページにショートコードを貼る
  10. 公開ページを確認する

以上で、FAQの基本設定は完了です。