FAQ セクション

学べること

  • ストアフロントに展開可能な質問と回答を表示する方法

  • FAQのレイアウト、色、間隔をカスタマイズする方法

  • FAQ項目(ブロック)を追加または削除する方法

💡 ヒント: FAQセクションは、よくある質問にストアフロント上で回答することでサポートチケットを減らすのに最適です。


FAQセクションの追加

  1. Shopifyを開きます テーマエディター

  2. 左のサイドバー、クリック + セクションを追加

  3. 選択してください FAQ セクション

  4. をクリック 追加

追加すると、1つ以上の「質問」ブロックが事前入力された状態で表示されます。これらを編集するか、新しいものを追加できます。


FAQコンテンツの編集

各FAQ項目は ブロック FAQセクション内のです。

質問と回答を更新するには:

  1. 次のラベルが付いたブロックをクリックします 質問 – [タイトル]

  2. を更新します 質問タイトル

  3. 次を追加します: 回答 複数行テキストフィールドのテキスト

  4. 希望するすべてのFAQについて繰り返します

新しいFAQ項目を追加するには:

  • をクリック ブロックを追加 を開き、次を選択します 質問

FAQ項目を削除するには:

  • ブロックをクリックして選択します ブロックを削除 下部で


設定の参照

コンテンツとデータ

  • セクションタイトル – FAQセクションの上にタイトルを追加(オプション)

レイアウトと表示

  • 読み込み時に最初の質問を展開 – 最初のFAQをデフォルトで開くかどうかを切り替えます

  • 配置 – 文字を左揃え、中央揃え、または右揃えにします

タイポグラフィ

  • セクションタイトルサイズ – デスクトップ / モバイル – ヘッダーのフォントサイズを調整します

  • 質問テキストサイズ – デスクトップ / モバイル – 質問のフォントサイズを調整します

  • 回答テキストサイズ – デスクトップ / モバイル – 回答のフォントサイズを調整します

  • セクションタイトルを太字にする – ヘッダーを太字に切り替えます

  • 背景色 – セクション全体の背景

  • セクションタイトルの色 – ヘッダーテキストの色

  • 質問テキストの色 – 質問テキストの色

  • 回答テキストの色 – 回答本文テキストの色

  • 区切り線の色 – 項目間の線の色を制御します

スタイリング

  • 区切り線の太さ – 質問間の線の太さを設定します

  • 区切り線のスタイル – 実線、破線、点線から選択します

スペーシング

  • 上下の間隔 – デスクトップとモバイルの両方でセクションの上下のパディングを制御します

カスタム CSS

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


ヘルプが必要ですか?

  • 💬 Discordでコミュニティに参加: https://discord.gg/hcc2GvgZc6

  • 📧 メールでお問い合わせ: [email protected]

  • 💻 ライブチャット: 月曜〜金曜、午前10時〜午後6時(EST)に当社ウェブサイトで直接利用可能

\

最終更新