# FAQ セクション ### 学べること * ストアフロントに折りたたみ式の質問と回答を表示する方法 * FAQのレイアウト、色、余白をカスタマイズする方法 * FAQ項目（ブロック）を追加または削除する方法 > 💡 ヒント: FAQセクションは、よくある質問にストアフロント上で回答することでサポートチケットを減らすのに最適です。 *** ### FAQセクションの追加 1. Shopifyを開きます **テーマエディター** 2. 「 **左側のサイドバー**」で、クリック **+ セクションを追加** 3. を選択 **FAQ セクション** 4. クリック： **追加** 追加すると、1つ以上の「質問」ブロックがあらかじめ入力された状態で表示されます。これらを編集するか、新しいものを追加できます。 *** ### FAQコンテンツの編集 各FAQ項目は **ブロック** FAQセクション内の 質問と回答を更新するには: 1. 「〜」と表示されたブロックをクリックします **Question – \[Title]** 2. を更新します **質問タイトル** 3. を追加します **回答** 複数行テキストフィールド内のテキスト 4. 必要なFAQすべてで繰り返します 新しいFAQ項目を追加するには: * クリック： **ブロックを追加** を開き、 **質問** FAQ項目を削除するには: * ブロックをクリックして選択します **ブロックを削除** 下部にある *** ### 設定リファレンス #### コンテンツとデータ * **セクションタイトル** – FAQセクションの上にタイトルを追加します（任意） #### レイアウトと表示 * **読み込み時に最初の質問を展開する** – 最初のFAQをデフォルトで開いた状態にするかどうかを切り替えます * **配置** – テキストを左寄せ、中央、右寄せに揃えます #### タイポグラフィ * **セクションタイトルサイズ – デスクトップ / モバイル** – ヘッダーフォントサイズを調整します * **質問テキストサイズ – デスクトップ / モバイル** – 質問のフォントサイズを調整します * **回答テキストサイズ – デスクトップ / モバイル** – 回答のフォントサイズを調整します * **セクションタイトルを太字にする** – ヘッダーを太字にするか切り替えます #### 色 * **背景色** – セクション全体の背景 * **セクションタイトルの色** – ヘッダーテキストの色 * **質問テキストの色** – 質問テキストの色 * **回答テキストの色** – 回答本文テキストの色 * **区切り線の色** – 項目間の線の色を制御します #### スタイリング * **区切り線の太さ** – 質問間の線の太さを設定します * **区切り線のスタイル** – 実線、破線、点線から選択します #### 間隔 * 上下のスペーシング – デスクトップとモバイルの両方でセクションの上下のパディングを制御します #### カスタム CSS * このセクションだけに適用される任意のカスタムスタイルを追加します *** ### **ヘルプが必要ですか？** * 💬 **Discordでコミュニティに参加：** * 📧 **メールでお問い合わせ：** * 💻 **ライブチャット：** 月〜金、現地時間午前10時〜午後6時（EST）に当社ウェブサイトで直接対応 \\ --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.openspaces.design/english-ja/readme-1/sections-and-features/faq-section.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.