Collection of Pages with Components

パラメトリックページ

パラメトリックページを使用すると、同じ URL の下に複数のページをまとめられます。

/{country}/landingPage   // 国を考慮したランディングページ
/{lang}/products        // 複数言語向けの商品一覧ページ
/{categories}/{blogPost} // カテゴリごとに分かれたカスタムブログ投稿

パラメトリックページの仕組みは次のとおりです:

• カスタムコンポーネントを {country} や {lang} といったスラグ、または {categories} のような任意のスラグに接続します
• {categories} のようなカスタムスラグを使用する場合、接続するコンポーネントでコンポーネントビルダー内の「ルートスラグ」を定義する必要があります
• そのスキーマでドキュメントを作成すると、複数のページが動的に生成されます

ステップ 1. パラメトリックルートを設定する

管理画面で、/{country}/landingPage というパラメトリックルートを作成します。

次に、{country} スラグを Country スキーマに接続します。

「このコンポーネントにデフォルトのスラグフィールドが設定されていません」という警告は、システムがどのスキーマフィールドを URL スラグとして使用すべきかまだ認識していないことを意味します。これは次のステップで解消されます。

ステップ 2. スキーマとドキュメントを作成する

CMS で Country スキーマを作成します。

例となる構造:

{
  "code": "us",
  "name": "アメリカ合衆国",
  "language": "英語"
}

現在このスキーマに 3 件のドキュメントがあるとします。

ステップ 3. フィールドをルートスラグにバインドする

Country スキーマに移動し、スキーマを編集します。

code フィールドを Route Slug Field にバインドします。

これにより、有効なルートは /us/landingPage になります。

無効なルート:

• /English/landingPage
• /United States/landingPage

結果

• ドキュメントごとに新しいページが作成されます
• 3 件のドキュメント = 3 つのランディングページ
• ドキュメントを追加すると、自動的にルートが増えます

次のステップ

レンダラーを使用してパラメトリックページを描画する方法については、パラメトリックルーティングの設定 を参照してください