MENU
カテゴリー

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

FAQブロック
記事上のウィジェットエリア

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

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

こんな感じ!

質問1だよ

回答1だよ

質問2だよ

回答2だよ

目次
目次広告表示エリア

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

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

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

FAQブロックの呼び出し方

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

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

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

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

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

Qブロックはテキストだけ入力することができ、Aブロックは好きなブロックが利用できます。

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

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

FAQ専用の設定項目
FAQ専用の設定項目その1
FAQ専用の設定項目
FAQ専用の設定項目その2

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

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

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

FAQブロックの使用例

アイコン円形 / カスタムカラー / 線あり

質問だよ!

回答だよ!

質問だよ!2

回答だよ!2

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

質問だよ!

回答だよ!

質問だよ!2

回答だよ!2

アイコン四角 / テキストカラー / ストライプ

質問だよ!

回答だよ!

質問だよ!2

回答だよ!2

記事下のウィジェットエリア
FAQブロック

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

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次