WordPressでよくある質問を折りたたむ方法｜詳細ブロック

予約ページに説明が増えたときは、質問だけを並べて、必要な回答を押して開けると読みやすくなります。WordPressのブロックエディターでは「詳細」ブロックで折りたたみを作れます。

1．質問の位置に「詳細」を追加する

本文の「＋」から「詳細」を検索して追加します。上段の概要欄には「予約の変更はできますか？」のように、開く前でも意味が分かる質問を書きます。

2．開いたときに表示する回答を入れる

概要の下に回答の段落を入れます。たとえば「予約の変更をご希望の場合は、予約時の案内をご確認ください。」と書きます。回答を長くしすぎず、必要なら関連ページへのリンクを添えます。質問を増やすときは詳細ブロックを一つずつ追加します。

3．はじめから開くか決める

詳細ブロックを選択し、右側の設定から「デフォルトで開く」に相当する項目を確認します。最初は質問だけ見せたい場合はオフ、最初から回答を見せたい場合はオンです。申込みの期限など、全員に読んでほしい条件は折りたたまず本文に出しておきます。

4．プレビューで開閉する

プレビューで質問を押し、回答が開くか確認します。再び押して閉じ、スマホでも操作します。キーボードではTabで質問に移動し、EnterまたはSpaceで開閉できるか確かめます。

質問の形をそろえる

「変更について」「必要な物について」とするより、「予約の変更はできますか？」「当日何を持っていけばいいですか？」と、読み手の言葉で質問を書くと必要な項目を選びやすくなります。ページ全体の区切りは見出しの付け方で整えましょう。

ほかの編集操作は記事づくりガイドへ。

これからWordPressを始める方へ

すでにサイトをお持ちなら、この操作のために新しい契約は不要です。準備中の方はサーバーとドメインの選び方をご覧ください。

広告