FAQ(Q&A)ブロックの使い方

FAQブロック

STORK SEのカスタムブロック(STORK BLOCKS)の「FAQ(Q&A)」は、Q&A形式のコンテンツを作成できるブロックです。アコーディオンタイプ(開閉式)にもできます。

FAQの表示例

アイコンデザインは4種類あり、枠や背景などのスタイルと組み合わせて使うことができます。

▼アイコンデザイン:枠線 / スタイル:シンプル

ここに質問内容

ここに回答内容。このようにQ&A形式のコンテンツを表示できます。

▼アイコンデザイン:シンプル / スタイル:枠

ここに質問内容

ここに回答内容。このようにQ&A形式のコンテンツを表示できます。

▼アイコンデザイン:背景(テーマ) / スタイル:背景(テーマ)

ここに質問内容

ここに回答内容。このようにQ&A形式のコンテンツを表示できます。

▼アイコンデザイン:背景(白黒) / スタイル:背景(グレー)

ここに質問内容

ここに回答内容。このようにQ&A形式のコンテンツを表示できます。

▼アイコンデザイン:枠線 / スタイル:枠(ドット)

はい。このような開閉式(アコーディオンタイプ)のQ&Aに変更することもできます。

キャットさん

ホームページやブログの「よくある質問」とかのページで活用できそうね。

FAQブロックの使い方

FAQブロックの使い方やオプションについて説明します。使い方のイメージとして、下記の動画もご覧ください。

※この動画ではSTORK19の画面を使用しています。

なお、FAQブロックには「FAQ(Q&A)」と「FAQ(開閉式)」の2種類があります。

これはFAQ(Q&A)ブロックです。

FAQ(Q&A)ブロックを設置して、よくある質問ページのコンテンツを作成できます。

FAQ(開閉式)のブロックを設置することで、アコーディオンタイプのQ&Aを作成できます。

ブロック挿入ツールで「FAQ(Q&A)」または「FAQ(開閉式)」のどちらかを選択できます。また、ブロック同士の相互変換も可能です。

このブロックを追加する方法

このブロックをコンテンツに追加するには、以下の2通りの方法があります。

  1. ブロック挿入ツールで「FAQ」を検索して追加
  2. エディタ(ビジュアル編集)に/faqを入力して追加

FAQブロックの設定

Q&Aアイコン設定

アイコンデザインQ&Aアイコンのデザインを選択できます。
角丸Q&Aアイコンの四隅の丸み(Radius)を選択できます。

構造化データ設定

FAQPage構造化データFAQリッチリザルトの構造化データ(FAQPage)を出力できます。

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

アイコンとスタイルのバリエーション

アイコンデザイン

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

枠線
シンプル
背景(テーマ)
背景(白黒)

スタイル

ブロックオプションの「スタイル」セクションでは、囲み枠の種類を選択できます。

▼シンプル

ここに質問内容

ここに回答内容。このようにQ&A形式のコンテンツを表示できます。

▼枠

ここに質問内容

ここに回答内容。このようにQ&A形式のコンテンツを表示できます。

▼枠(ドット)

ここに質問内容

ここに回答内容。このようにQ&A形式のコンテンツを表示できます。

▼背景(テーマ)

ここに質問内容

ここに回答内容。このようにQ&A形式のコンテンツを表示できます。

▼背景(グレー)

ここに質問内容

ここに回答内容。このようにQ&A形式のコンテンツを表示できます。

▼背景(ホワイト)

ここに質問内容

ここに回答内容。このようにQ&A形式のコンテンツを表示できます。

背景付きグループの中に設置した例

▼投稿下部のウィジェットエリア

▼投稿下部のウィジェットエリア

さらに洗練された
究極のモバイルファーストテーマ

WordPressテーマSTORK SEストークSE

これまでに5万回以上ダウンロードされたWPテーマのシリーズ最新版「STORK SE」です。さらに洗練されたデザイと機能で「誰が使っても美しいデザイン」のサイトを作成できます。