Part 8

FAQ (よくある質問) セクション

各テーマ用のアコーディオン UI を備えたよくある質問セクション。

FAQ (よくある質問) セクションでは、一般的な質問と回答をアコーディオン形式で表示します。

テーマのバリアント

テーマコンポーネントスタイル
LiquidFAQLiquid.astro滑らかにアニメーション化されたアコーディオン
GlassFAQGlass.astroすりガラスのアコーディオン
NeoFAQNeo.astro大胆でハイコントラストな Q&A
LuxuryFAQLuxury.astroゴールドのアクセントが効いたエレガントなアコーディオン
MinimalFAQMinimal.astroクリーンでシンプルなアコーディオン
AuroraFAQAurora.astroグラデーション背景の FAQ カード

すべてのバリアントは src/components/sections/faq/ に配置されています。

コンテンツのソース

FAQ の項目は、useTranslations() を介して src/locales/{lang}/faq.json から読み込まれます。通常、JSON 構造には質問と回答のペアの配列が含まれます。

ℹ️
プロパティ (Props) なし

FAQ コンポーネントは外部からのプロパティ (Props) を受け取りません。FAQ 項目を追加、削除、または編集するには、src/locales/{lang}/faq.json を更新してください。

カスタマイズ

カスタマイズの手順:

  1. src/components/sections/faq/FAQ{Theme}.astro を編集します。
  2. src/styles/components/faq/ にあるスタイルを調整します。
  3. src/locales/{lang}/faq.json でコンテンツを変更します。