CMS: 표 또는 갤러리에 컬렉션 콘텐츠 표시하기 정보

3 분 분량
표와 갤러리는 컬렉션의 여러 아이템을 한 번에 표시할 때 적합하며, 동적 목록 페이지 또는 일반 페이지에 컬렉션 콘텐츠를 표시하는 데 유용합니다. 또한, 반복 레이아웃에 표와 갤러리를 연결할 수도 있습니다.

표 및 갤러리는 참조 입력란이 있거나 한 데이터세트를 다른 데이터세트로 필터링한 상황에서 컬렉션의 관련 아이템을 표시할 수 있습니다.
시작하기 전:
CMS에 하나 이상의 컬렉션이 있어야 하며, 페이지에 데이터세트가 추가되어 있어야 합니다.

예시

다음은 사이트의 표와 갤러리를 사용해 사이트 방문자에게 내 정보를 소개하는 방법의 몇 가지 예입니다.
이 예에서는 갤러리를 사용해 레시피에 대한 컬렉션의 아이템을 표시했습니다. 갤러리는 동적 목록 페이지에 배치했으며, 여기서 카테고리는 "코스"입니다. 각 이미지는 해당 요리의 동적 아이템 페이지로 연결됩니다. 페이지 상단의 텍스트 요소는 동일한 데이터세트에 연결되어 있으므로 페이지 머리글 역할을 합니다. 이 예에서는 동적 목록 페이지는 "Sides"를 표시됩니다.



아래에서는 표를 사용해 아티스트 컬렉션의 모든 아티스트 아이템을 동적으로 표시합니다. 이 표는 일반 페이지에 있습니다.한 열에는 아티스트의 사진이 표시되고 다른 열에는 각 아티스트의 짧은 약력이 표시됩니다. 표의 각 행은 해당 아티스트의 동적 아이템 페이지로 연결됩니다.

2. 참조 입력란이 있는 하나의 컬렉션을 표에 연결하기

이 예에서 Songs 컬렉션에는 Artists 컬렉션에 대한 참조 입력란이 있습니다. 이를 통해 두 컬렉션의 정보를 일반 페이지의 한 표에 동시에 표시할 수 있습니다. 첫 번째 열에는 Songs 컬렉션의 제목이 표시됩니다. 두 번째 열에는 참조 입력란에서 가져온 Artists 이름이 표시됩니다.

이 예에서는 일반 페이지에 표를 배치하고 Recipe 컬렉션에 연결했습니다. 여기에는 코스 및 요리와 함께 컬렉션에 있는 모든 요리법이 나열됩니다.

표의 각 열은 서로 다른 동적 페이지로 연결됩니다. "Recipe" 열은 해당 레시피의 동적 아이템 페이지로 링크됩니다. "Course" 열은 이전 예와 같이 해당 코스의 동적 목록 페이지로 링크되고 "Cuisine" 열은 해당 요리의 동적 목록 페이지로 링크됩니다.

표를 사용해 동적 페이지에 링크하면 방문자를 새 동적 페이지에 링크하기 위해 버튼이나 기타 요소를 추가할 필요 없이 컬렉션에 추가한 새로운 레시피, 코스 또는 요리에 항상 액세스할 수 있습니다.

4. 표를 사용해 조회할 아이템 선택하기

이 예에서는 표과 갤러리를 일반 페이지에 함께 표시합니다. 표에서 선택한 행은 갤러리에 표시되는 아이템을 제어합니다. 둘 다 참조 입력란이 있는 데이터세트에 연결되거나, 하나가 다른 하나에 의해 필터링되는 두 개의 데이터세트에 연결될 수 있습니다.

아래 그림에서 표는 "Cuisine" 데이터세트에 연결되어 있고 갤러리는 필터링된 "Recipes" 데이터세트에 연결되어 있습니다. 방문자가 표에서 "Tex Mex"를 선택했으므로 갤러리에는 요리가 "Tex Mex"인 레시피가 표시됩니다.




방문자가 표에서 아이템을 선택한 후 정보를 표시하기 위해 데이터세트에 연결할 수 있는 다른 요소를 사용할 수 있습니다. 아래 예에서는 표과 동영상 플레이어가 모두 Song 컬렉션에 연결되어 있습니다. 방문자가 표에서 노래를 클릭하면 동영상 플레이어가 해당 노래를 재생합니다.

도움이 되었나요?

|