STORK19を今すぐダウンロード!

よくある質問ページが簡単に作れる「FAQ(Q&A)ブロック」の解説

このページではFAQ(Q&A)ブロックについて、使い方を解説していきます。

FAQ(Q&A)ブロックを使えば、簡単に「よくある質問」ページを作ることができます!

まずは動画で概要ご覧ください。

Q&Aブロックの概要

アイコンのデザインなども直感的に変更できるので、簡単にページに組み込むことができます。

このページでは何がわかりますか?

FAQ(Q&A)よくある質問ブロックの使い方についてわかるようになります。Q&Aブロックは質問と答えをセットで表現可能です。

STORK19のver3.18より、開閉式のFAQブロックに変換できるようになりました。(開閉式のFAQブロックから通常のFAQブロックへの変換も可能)

編集画面(ブロックエディタ上)では、展開したものが表示されます。(開閉操作はできません)

Q&Aブロックの表示サンプル

ここに質問

ここに答え

ここに質問

ここに答え

ここに質問

ここに答え

ここに質問

ここに答え

ここに質問

ここに答え

背景を白くしたい!

ver3.2より白背景が追加されました。

開閉式の場合

ここに答え

ここに答え

ここに答え

ここに答え

ここに答え

ブロックの呼び出し方

+ボタンから呼び出す

STORK19ブロック内にある「FAQ(Q&A)」を押して使います。

STORK19のブロック一覧

/(半角スラッシュ)で呼び出す

ブロックエディタの段落ブロックの冒頭に「/(半角スラッシュ)」を入力すればブロックを名前で呼び出すことができます。

STORK19のFAQ(Q&A)ブロックの呼び出しは、以下の3種類から呼び出し可能です。

  1. /qa
  2. /faq
  3. /しつもん

FAQ(Q&A)ブロックでできること

編集画面の右サイドバーにある「Q&Aアイコン設定」より、アイコンデザインの変更ができます。

アイコンデザインの変更

アイコンデザインは以下の4種類から選べます。

枠線

枠線のみのシンプルなスタイル

シンプル

枠も背景もないシンプルなスタイル

背景(テーマ)

テーマで設定した「見出し色」が適用されます

背景(白黒)

モノクロのクールなスタイル

アイコンの角丸

アイコンの形を変更可能です。

  • 角丸

の3種類から選ぶことができます。

アイコンデザインで「シンプル」を選んでいる場合は、角丸設定を変更しても何も変化はありません。

アイコンの形

角丸

アイコンの形

アイコンの形

構造化データの出力

FAQリッチリザルトの構造化データ(FAQPage)を出力するオプションがあります。

2023年8月からGoogleの仕様変更により、一般的なサイトのFAQリッチリザルトは表示されなくなっています。FAQの構造化データが出力されていても問題ありませんが、現在はこのオプションを利用する意味はありません。

構造化データを利用する画面
構造化データを利用するオプション

FAQブロックごとに構造化データの出力を設定できます。個別に設定できるので、リッチリザルトに表示したいFAQ項目だけに設定できます。

FAQリッチリザルトの表示例

使い所

サイトのよくある質問ページで使用できる他、お問い合わせフォームの直前に設置しておけば、ユーザーが問い合わせ前に解決できる場合もあります。

また、あえてFAQにアピールしたいことを入れておいて、コンバージョンアップに繋げるという使い方もできます。(例えば下記のような使い方)

STORK19はどのような人におすすめですか?

STORK19は、機能性に加えてデザインも重視したい人や、初心者の方にもおすすめできるテーマです。特にブロックエディターを使用される方に最適です。

ページ内でうまく使ってわかりやすいサイトを作っていきましょう。