ナビゲーション
Part 4

特徴・機能 (Features) セクション

各テーマの機能紹介・特徴セクション。

Features (特徴・機能) セクションは、製品やサービスの利点を強調します。各テーマには、カードのグリッドからアニメーション化されたリストまで、独自のレイアウトが用意されています。

テーマのバリアント

テーマコンポーネントレイアウト
LiquidFeaturesLiquid.astro流動的なホバー エフェクトを備えたアニメーション機能カード
GlassFeaturesGlass.astroすりガラスの特徴カード
NeoFeaturesNeo.astroシャープなエッジを持つ大胆なグリッド レイアウト
LuxuryFeaturesLuxury.astroゴールドのハイライトが効いたエレガントなグリッド
MinimalFeaturesMinimal.astroクリーンでシンプルなリスト形式
AuroraFeaturesAurora.astroカード グリッドを持つグラデーション メッシュ背景

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

コンテンツのソース

特徴のデータは、useTranslations() を介して src/locales/{lang}/features.json から読み込まれます。JSON 構造には通常、以下が含まれます。

features.json (抜粋)
{
  "title": "当社の強み",
  "subtitle": "パフォーマンスと使いやすさのために構築",
  "items": [
    {
      "title": "驚異的なスピード",
      "description": "静的生成により、1秒未満のページ読み込み時間を実現します。"
    }
  ]
}
ℹ️
プロパティ (Props) なし

Features コンポーネントは外部からのプロパティ (Props) を受け取りません。特徴の項目、タイトル、または説明を編集するには、src/locales/{lang}/features.json を更新してください。

カスタマイズ

カスタマイズの手順:

  1. src/components/sections/features/Features{Theme}.astro でテーマのバリアントを編集します。
  2. src/styles/components/features/ にあるスタイルを調整します。
  3. src/locales/{lang}/features.json でコンテンツを変更します。