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 のコミュニティに参加してください： https://discord.gg/hcc2GvgZc6

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

  • 💻 ライブチャット： 月〜金、現地時間（EST）10:00〜18:00 に当社ウェブサイトで直接利用可能

\

前へメール登録（埋め込み）次へヒーローセクション

最終更新