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

  • このセクションだけに適用される任意のカスタムスタイルを追加します


ヘルプが必要ですか?

\

最終更新