【SWELLブロック】Q&Aを簡単に設置!FAQブロックの使い方

記事上のウィジェットエリア

このページでは、WordPressテーマ『SWELL』で利用可能なGutenberg用ブロック、「FAQブロック」の使い方を解説していきます。

このFAQブロックを使用すると、「よくある質問ページ」などのQ&Aが簡単に設置できます!

こんな感じ!

質問1だよ

回答1だよ

質問2だよ

回答2だよ

目次
目次前広告表示エリア

まずはざっくり、動画で見てみよう

使い方について詳しくは後述しますが、まずは操作動画を見てざっくりとした使用感を掴んでいただければと思います。

FAQブロックを使用している様子

FAQブロックの呼び出し方

ブロックの追加ボタンから、「SWELLブロック」タブの中にある「FAQ」と書かれたブロックを選択します。

FAQブロックを選択
FAQブロックを選択
※ ブロックの順番は使用頻度によって左右されます。

もしくは、/faqというブロックキーワードからも簡単にブロックを選択できます。

FAQブロックを追加すると、以下のような初期状態でブロックが挿入されます。

FAQブロックの初期状態
FAQブロックの初期状態

表示されている「+マーク」のボタンを押すと、質問を入力する「Qブロック」と回答を入力する「Aブロック」の2種類が出てきます。

QAブロックの選択
QAブロックの選択

ここから、QブロックとAブロックを交互に設置してお使い下さい。

Qブロックはテキストだけ入力することができ、Aブロックは「段落」「リスト」「画像」の3ブロックが利用できます。

了のアイコン画像

1つのQブロックに対して、Aブロックを1つだけ使うようにしてください。

FAQブロックの専用設定パネルについて

FAQブロックが選択状態の時、エディター右側の設定パネルにFAQ専用の設定が出てきます。

FAQ専用の設定項目
FAQ専用の設定項目

設定できる項目は次の4種類です。

  1. Q /Aアイコンの形
  2. Qアイコンの色
  3. Aアイコンの色
  4. FAQブロック全体のデザイン

これらの設定を駆使することで、様々なデザインを実現することができます。

FAQブロックの使用例

アイコン円形 / QAカラー / 線あり

質問だよ

回答だよ

質問2だよ

回答2だよ

アイコン角丸 / メインカラー / ボックス

質問だよ

回答だよ

質問2だよ

回答2だよ

アイコン四角 / テキストカラー / ボックス2

質問だよ

回答だよ

質問2だよ

回答2だよ

記事下のウィジェットエリア

この記事が気に入ったら
フォローしてね!

目次
閉じる