CMS：動的ページ URL を設定してページにコレクションカテゴリーまたはアイテムを表示する

コレクションに保存されているサイトのコンテンツを、動的ページ上に表示したい場合を考えてみましょう。しかし、ページにコンテンツが含まれていない場合、ページはどのコンテンツを表示するかをどのように「認識」するのでしょうか？ 動的ページに表示されるコンテンツは、ページの作成時に定義した URL によって決まります。 また、URL は、そのページの区分（アイテムページかカテゴリーページか）によって、ページに表示できるアイテム数を制御します。

たとえば、my-recipes という名前のレシピサイトに、各レシピを表示する動的アイテムページを作成するとします。そのためには、コレクション内の各レシピに固有の URL が必要です。こうすることで、各レシピのアイテムページが表示されるたびに、ページはどのコンテンツを表示するかを「認識」します。また、複数のアイテムが同じ URL にならないように、そのフィールドのコンテンツは固有のものにする必要があります。

この例では、コレクションのデフォルトの「タイトル」フィールドを使用して、レシピの名前を保存しました。このフィールドを使用して、アイテムページの URL を固有のものにすることができます。

動的アイテムページを作成すると、デフォルトの「Title」フィールドに加えて、コレクションの名前が URL に自動的に追加されます。

この例では、上記のデフォルト設定を使用します。この URL は動的セクションと静的セクションの両方で構成されています。静的セクションはプレーンテキストで表示され、動的セクションは強調表示されます。まず動的セクションを見てみましょう。

URL の動的セクションは動的ページに表示するコンテンツを制御するもので、コンテンツに応じて変化します。動的アイテムページの URL を作成する場合、動的セクションは次のようになります：

作成中の URL をクリックすると、次のように表示されます：

動的セクションの Title が中括弧 { } で囲まれていることに注意してください。これは、Title という単語が実際には URL に含まれていないことを示しています。これは、URL の一部となる実際のセクションのプレースホルダにすぎません。この動的ページには、コレクション内のすべてのアイテムを表示することができます。ページ URL の {Title} セクションは、その時点でページに表示されている特定のアイテムのタイトルフィールドの実際のコンテンツに置き換えられます。

たとえば、公開済みサイトのピザレシピの動的アイテムページの URL は次のようになります：https://domain.com/recipes/pizza

また、公開済みサイトのハンバーガーレシピの動的アイテムページの URL は次のようになります：https://domain.com/recipes/hamburger

上記のとおり、公開済みサイトの両方のページの URL は次の同じセクションで始まります：
https://domain.com/recipes/

各ページで異なるのは /recipes に続く動的セクションのみです。

URL の動的セクションでは、大文字と小文字は区別されません。「pizza」と「Pizza」の 2つのピザのレシピがある場合、動的ページにはそのうちの 1つだけがが表示されます。

URL の静的セクションは、表示されているコンテンツに関係なく動的ページの URL に含まれるため、静的です。動的ページにピザのレシピとアイスクリームのレシピのどちらを表示していても、どちらのページの URL も
https://domain.com/recipes で始まります。

この場合、URL の静的セクションは http://www.../recipes/ となります。URL の動的セクションとは異なり、静的セクションでは大文字と小文字が区別されます。

この例では、食事の種類に基づいてすべてのレシピを表示する動的リストページを作成します。そのためには、特定の食事に一致するレシピグループごとに固有の URL が必要です。こうすることで、各グループのリストページが表示されるたびに、ページは表示するコンテンツを「認識」します。

動的リストページを作成しても、デフォルトではページにコレクションのフィールドは含まれません。レシピを食事別にグループ化して表示するように設定するには、URL に「meal」フィールドを追加します。

この URL は動的セクションと静的セクションの両方で構成されています。静的セクションはプレーンテキストで表示され、動的セクションはハイライトで表示されます。まず動的セクションを見てみましょう。

動的リストページの URL を作成すると、URL 内の meal がコレクション内のいずれかのアイテムの「食事（meal）」フィールドのコンテンツに置き換えられます。

URL をクリックして編集すると、次のように表示されます：

ここでも、動的セクションである meal は { } で囲まれています。これは、「meal」という単語が実際には URL に含まれていないことを示します。鉤括弧部分は URL の一部となる実際のセクションのプレースホルダにすぎません。食事フィールドに基づいてコレクション内のすべてのカテゴリーがこの動的ページで表示され、ページ URL の {meal} セクションが特定のアイテムの食事フィールドの実際のコンテンツに置き換えられます。

たとえば、公開サイトのすべての朝食レシピの動的リストページの URL は次のとおりです：https://domain.com/recipes/breakfast

また、公開サイトのすべてのランチレシピの動的リストページの URL は次のとおりです：https://domain.com/recipes/lunch

アイテムページと同様に、両方のページの URL は同じセクションで始まります：https://domain.com/recipes/

ページごとに異なるのは /recipes に続く部分のみです。

動的リストページの場合、URL の動的セクションでは大文字と小文字が区別されます。そのため、動的アイテムページとは異なり、ランチに「lunch」と「Lunch」の 2つの食事がある場合、動的リストページには両方が表示されます。

URL の静的セクションは、表示されているコンテンツに関係なく動的ページの URL に含まれるため、静的です。動的ページにランチのレシピとディナーのレシピのどちらを表示していても、どちらのページの URL も
https://domain.com/recipes で始まります。

この場合、URL の静的セクションは http://www.../recipes/ となります。URL の動的セクションとは異なり、静的セクションでは大文字と小文字が区別されます。