CMS: 페이지에 컬렉션 카테고리 또는 아이템을 표시하도록 동적 페이지 URL 설정하기

사이트 콘텐츠가 컬렉션에 저장되어 있으며 동적 페이지를 사용해 콘텐츠를 표시하고자 합니다. 하지만, 페이지에 콘텐츠가 포함되어 있지 않다면 페이지는 표시할 콘텐츠를 어떻게 "알 수 있을까요?" 동적 페이지에 표시되는 콘텐츠는 페이지를 생성할 때 정의한 URL에 따라 결정됩니다. 또한, URL은 페이지에 표시할 수 있는 아이템 수를 제어해 페이지가 아이템 페이지 또는 목록 페이지로 제어합니다.

my-recipes라는 레시피 사이트가 있고 각 레시피를 표시하는 동적 아이템 페이지를 생성한다고 가정해 보겠습니다.이를 위해서는 컬렉션의 각 레시피에 대해 고유한 URL이 필요합니다.그러면 각 레시피에 대한 아이템 페이지가 표시될 때마다 페이지가 표시할 콘텐츠를 "알게" 됩니다.또한, 여러 아이템이 동일한 URL로 끝나지 않도록 해당 입력란의 콘텐츠가 고유한지 확인해야 합니다.

컬렉션의 기본 Title 입력란을 사용해 레시피의 이름을 저장했습니다.이제 이 입력란을 사용해 아이템 페이지의 URL을 고유하게 지정할 수 있습니다.

동적 아이템 페이지를 추가하면, 기본 Title 입력란과 함께 컬렉션 이름이 URL에 자동으로 추가됩니다.
 
이러한 기본값을 유지한다고 가정하겠습니다.이 URL은 동적 및 정적 섹션으로 구성되어 있습니다.정적 섹션은 일반 텍스트로 표시되고 동적 섹션은 강조 표시됩니다.먼저 동적 섹션을 살펴보겠습니다.

URL의 동적 섹션은 동적 페이지에 표시되는 콘텐츠를 제어하며, 이는 해당 콘텐츠에 따라 변경됩니다. 동적 아이템 페이지 URL을 생성하면 다음과 같이 표시됩니다.

URL을 생성할 때 해당 URL을 클릭하면 다음과 같이 표시됩니다.

동적 섹션 Title은 중괄호 { }로 둘러싸여 있습니다. 이는 Title이라는 단어가 URL에 실제로 표시되지 않음을 나타냅니다. 이 단어는 URL의 일부가 될 실제 섹션의 플레이스홀더일 뿐입니다. 컬렉션의 모든 아이템을 이 동적 페이지로 표시할 수 있습니다. 페이지 URL의 {Title} 섹션은 해당 시점에 페이지에서 표시되고 있는 특정 아이템에 해당하는 Title 입력란의 실제 콘텐츠로 교체됩니다.

예를 들어, 게시한 사이트에서 피자 레시피에 해당하는 동적 아이템 페이지 URL은 https://domain.com/recipes/pizza입니다.

게시된 사이트의 햄버거 레시피에 해당하는 동적 아이템 페이지 URL은 https://domain.com/recipes/hamburger입니다.

보시는 바와 같이 게시한 사이트의 두 페이지 URL은 모두 동일한 섹션인 https://domain.com/recipes/로 시작합니다. /recipes 뒤에 오는 동적 부분만이 페이지마다 다릅니다. 

URL의 동적 섹션은 대소문자를 구분하지 않습니다. "pizza"와 "Pizza"라는 두 가지 피자 레시피가 있는 경우 동적 페이지에는 그 중 하나만 표시됩니다.

URL의 정적 섹션은 표시되는 콘텐츠와 관계없이 동적 페이지의 URL에 포함되기 때문에 정적입니다. 동적 페이지에 피자 레시피 또는 아이스크림 레시피가 표시되는지 여부에 관계없이 두 페이지의 URL은 https://domain.com/recipes로 시작합니다.

URL을 생성할 때 이러한 정적 섹션은 http://www.../recipes/로 표시됩니다. URL의 동적 섹션과 달리 정적 섹션은 대소문자를 구분합니다.

이 예에서는 제공되는 식사에 따라 모든 레시피를 표시하는 동적 목록 페이지를 생성하고자 합니다. 이를 위해서는 특정 식사와 일치하는 각 레시피 그룹에 대해 고유한 URL이 필요합니다. 그러면, 각 그룹의 목록 페이지가 표시될 때마다 페이지가 표시할 콘텐츠를 "알게" 됩니다.

동적 목록 페이지를 생성할 때 기본적으로 컬렉션의 입력란은 포함되지 않습니다. 레시피를 식사별로 그룹화해 표시하도록 설정하려면 URL에 meal 입력란을 추가합니다.

이 URL은 동적 및 정적 섹션으로 구성되어 있습니다. 정적 섹션은 일반 텍스트로 표시되고 동적 섹션은 강조 표시됩니다. 먼저 동적 섹션을 살펴보겠습니다.

동적 목록 페이지 URL을 생성할 때, meal 부분이 컬렉션의 모든 아이템에 해당하는 meal 입력란의 콘텐츠로 대체될 URL을 생성하게 됩니다.

URL을 클릭해 편집하면 다음과 같이 표시됩니다.

여기에서도 동적 섹션 meal이 { }기호로 둘러싸여 있습니다. 이는 meal이라는 단어가 URL에 실제로 표시되지 않음을 나타냅니다. 이 단어는 URL의 일부가 될 실제 섹션의 플레이스홀더일 뿐입니다. meal 입력란을 기반으로 하는 컬렉션의 모든 카테고리는 이 동적 페이지에 의해 표시될 수 있으며 페이지 URL의 {meal} 섹션은 특정 아이템에 해당하는 meal 입력란의 실제 콘텐츠로 교체됩니다.

예를 들어, 게시한 사이트에서 모든 아침 식사 레시피에 해당하는 동적 목록 페이지 URL은 https://domain.com/recipes/breakfast입니다.

게시한 사이트에서 모든 점심 식사 레시피에 해당하는 동적 목록 페이지 URL은 https://domain.com/recipes/lunch입니다.

아이템 페이지와 마찬가지로 두 페이지의 URL은 https://domain.com/recipes/와 같은 섹션으로 시작합니다.

/recipes 뒤에 오는 부분만 페이지마다 다릅니다.  

동적 목록 페이지의 경우, URL의 동적 섹션은 대소문자를 구분합니다. 따라서, 동적 아이템 페이지와 달리 "lunch"과 "Lunch"라는 두 가지 점심 식사가 있는 경우, 둘 다 동적 목록 페이지에 표시됩니다.

URL의 정적 섹션은 표시되는 콘텐츠와 관계없이 동적 페이지의 URL에 포함되기 때문에 정적입니다.동적 페이지에 점심 식사 레시피 또는 저녁 식사 레시피가 표시되는지에 관계없이 페이지 URL은
 
https://domain.com/recipes로 시작합니다.

URL 생성 시 이러한 정적 섹션은 http://www.../recipes/로 표시됩니다. 정적 섹션은 대소문자를 구분합니다.