CMS: 반복 레이아웃에 컬렉션 콘텐츠 표시 정보

반복 레이아웃은 동일한 레이아웃을 사용해 여러 아이템을 표시하는 요소입니다. 원하는 레이아웃을 생성하면 반복 레이아웃 아이템마다 동일한 레이아웃을 사용해 다양한 콘텐츠를 표시할 수 있습니다. 반복 레이아웃 아이템은 다른 요소를 추가하는 컨테이너와 같은 기능을 합니다. 한 반복 레이아웃 아이템에 대한 변경 사항은 다른 모든 아이템에 자동으로 반영됩니다. 

반복 레이아웃을 사용해 정적 콘텐츠를 표시할 수 있습니다. 즉, 에디터의 각 아이템에 있는 각 요소에 대한 콘텐츠를 수동으로 결정할 수 있습니다. 

또한, 반복 레이아웃 및 연결된 요소를 데이터 세트에 연결해 CMS(콘텐츠 관리 시스템) 컬렉션의 콘텐츠를 동적으로 표시할 수도 있습니다. 그러면, 반복 레이아웃은 컬렉션의 각 아이템에 대해 하나의 아이템을 포함하며, 각 반복 레이아웃 아이템은 동일한 템플릿을 사용하지만 다른 콘텐츠를 표시합니다. 데이터세트 설정에서 한 번에 표시되는 아이템 수를 제어할 수 있습니다.

컬렉션에 모든 레시피를 보관하는 레시피 사이트가 있다고 가정해 보겠습니다. 컬렉션 입력란(열)은 각 요리의 이름, 사진, 코스, 요리 정보를 저장합니다. 각 아이템(행)은 요리를 나타냅니다(아래 이미지 참조). 

이미 각 개별 레시피 정보를 표시하는 동적 아이템 페이지가 추가되었습니다. 이제 컬렉션에 연결되는 데이터세트에 반복 레이아웃을 연결할 수 있습니다. 결과적으로, 반복 레이아웃은 컬렉션의 정보를 각 반복 레이아웃 아이템에 표시합니다. (아래 이미지 참조)방문자는 요리 이미지를 클릭한 후 해당 요리의 동적 아이템 페이지로 이동해 모든 정보를 읽을 수 있습니다. 

에디터의 요소 추가 패널에서 반복 레이아웃 디자인을 선택해 페이지에 추가합니다. 반복 레이아웃의 크기, 각 아이템의 요소 배치를 조정하고 필요한 경우 요소를 더 추가할 수 있습니다. 하나의 반복 레이아웃 아이템에서 변경한 사항은 모든 반복 레이아웃 아이템에서 자동으로 업데이트되어 디자인을 전체적으로 일관되게 유지할 수 있습니다. 

데이터세트는 컬렉션 콘텐츠를 페이지의 요소에 연결합니다. 데이터세트에 반복 레이아웃을 연결한 후, 반복 레이아웃의 각 요소에 연결할 입력란을 선택하세요. 반복 레이아웃에 연결된 각 요소는 컬렉션 콘텐츠를 반영하도록 크기와 콘텐츠가 자동으로 조정됩니다. 

또한, 반복 레이아웃 아이템의 배경 이미지를 컬렉션의 이미지 입력란에 연결할 수도 있습니다. 그러면 각 반복 레이아웃 아이템의 배경이 관련 컬렉션 아이템의 배경 이미지를 동적으로 표시합니다. 

연결된 데이터세트의 설정에서 표시되는 최대 아이템 수를 제어할 수 있습니다. 또한, 필터를 추가해 특정 아이템을 제외하고 정렬 조건을 추가해 아이템이 표시되는 순서를 제어할 수도 있습니다. 데이터세트 추가 및 설정에 대한 자세한 도움말을 확인하세요. 

방문자가 탐색 요소를 클릭해 더 많은 아이템을 불러오거나, 다음 동적 페이지로 이동하거나, 다른 데이터세트 클릭 작업을 수행할 수 있도록 페이지에 탐색 요소를 추가하세요. 

반복 레이아웃에 연결된 동일한 데이터세트에 이미지 또는 버튼을 연결해 탐색 버튼을 생성할 수 있습니다. 그 다음 데이터세트 설정에서 관련 클릭 시 수행 작업 옵션을 선택합니다(예: 더보기, 다음 페이지, 다음 아이템). 데이터세트 설정에서 최대 표시 아이템 입력란은 한 번에 불러올 수 있는 최대 아이템 수를 제어합니다.  

반복 레이아웃은 참조 입력란이 있거나, 한 데이터세트를 다른 데이터세트로 필터링한 경우, 컬렉션의 관련 아이템을 표시할 수도 있습니다. 이를 통해 각 반복 레이아웃 아이템이 "마스터" 역할을 하는 "마스터-디테일" 프리젠테이션을 생성할 수 있습니다. 여기에서 마스터-디테일 페이지 제작에 대한 아이디어를 참고하세요.