header-logo
Wix를 사용해해 사이트와 비즈니스를 구축하는 방법을 알아보세요.
직관적인 Wix 기능을 사용해 사이트를 디자인하고 관리하세요.
구독, 플랜 및 인보이스를 관리하세요.
비즈니스를 운영하고 회원과 소통하세요.
도메인을 구매하고 사이트에 연결, 이전하는 방법을 알아보세요.
비즈니스 및 웹 존재감을 키울 수 있는 도구를 확인하세요.
SEO 및 마케팅 도구로 가시성을 높이세요.
보다 효율적으로 작업할 수 있는 고급 기능을 활용하세요.
해결책을 찾고, 알려진 문제에 대해 알아보거나 문의하세요.
placeholder-preview-image
강좌 및 튜토리얼을 통해 실력을 향상시키세요.
웹 디자인, 마케팅 등에 대한 팁을 확인하세요.
검색 엔진에서 유기적 사이트 트래픽을 증가시키는 방법을 알아보세요.
풀스택 플랫폼을 활용해 맞춤형 사이트를 구축하세요.
목표 달성에 도움을 줄 전문가를 만나보세요.
placeholder-preview-image

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

21 분
페이지 메뉴
  • 1 단계 | CMS 컬렉션 추가하기
  • 2 단계 | 반복 레이아웃 추가 및 사용자 지정하기
  • 3 단계 | 컬렉션에 반복 레이아웃 아이템 연결하기
  • 4 단계 | 데이터세트 설정 관리하기
  • 5 단계 | (선택사항) '더보기' 또는 탐색 버튼 추가하기
  • 자주 묻는 질문
반복 레이아웃을 CMS(콘텐츠 관리 시스템)에 연결해 컬렉션의 동적 콘텐츠를 표시하세요. 

컬렉션에 바인딩되는 데이터세트에 반복 레이아웃을 연결한 후 각 반복 레이아웃 요소에 연결할 입력란을 선택하세요. 연결되면 반복 레이아웃의 각 아이템은 다른 컬렉션 아이템의 콘텐츠를 표시합니다. 이를 통해 페이지에 표시하고자 하는 모든 아이템의 콘텐츠를 자동으로 채우는 일관된 레이아웃을 사용할 수 있습니다.
시작하기 전:
아직 추가하지 않았다면, 사이트에 CMS를 추가하세요.

1 단계 | CMS 컬렉션 추가하기

반복 레이아웃에서 사용할 콘텐츠를 저장하기 위한 복수 아이템 컬렉션을 생성하세요. 반복 레이아웃의 요소에 연결할 컬렉션 입력란을 추가합니다. 그 다음, 반복 레이아웃에 표시될 아이템을 추가하고 각 아이템에 대한 입력란을 입력합니다. 필요한 경우, 누구나 콘텐츠를 볼 수 있도록 기본 '콘텐츠 표시' 설정에서 컬렉션 권한을 조정할 수 있습니다. 
Wix 에디터
Studio 에디터
  1. 사이트 대시보드의 CMS로 이동합니다. 
  2. 컬렉션 추가를 클릭합니다.
  3. 새로 추가하기를 클릭합니다.
    도움말: 또는, AI로 만들기를 클릭해 AI(인공 지능)가 컬렉션을 추가하도록 하세요.
  4. 다음을 클릭합니다. 
  5. 컬렉션 이름을 입력합니다.
  6. (코딩만 해당) 코드에서 사용할 컬렉션 ID를 입력합니다.
  7. 복수 아이템 컬렉션(기본)을 선택한 상태에서 추가를 클릭합니다. 
  8. 수동으로 또는 CSV 파일을 가져와 컬렉션에 입력란을 추가합니다.
  9. 컬렉션에 아이템을 추가합니다.
    1. + 아이템 추가를 클릭합니다.
    2. 각 관련 입력란에 아이템에 대한 콘텐츠를 추가합니다.
    3. 이 단계를 반복해 필요한 만큼 아이템을 생성합니다.
CMS 컬렉션에 아이템을 추가하는 스크린샷
  1. 컬렉션 권한을 설정합니다. 
    1. 추가 작업을 클릭한 후 권한 및 공개 설정을 선택합니다. 
    2. 컬렉션에 부여할 권한을 선택합니다.
      • 콘텐츠 표시: 모든 사용자 또는 사이트 회원이 라이브 사이트에서 컬렉션 콘텐츠를 볼 수 있도록 허용합니다. 관리자 및 CMS 액세스 권한을 가진 공동 작업자는 항상 컬렉션 아이템을 보기, 추가, 업데이트 또는 삭제할 수 있는 전체 액세스 권한을 갖습니다.
      • 콘텐츠 수집: 입력 요소 또는 API를 사용해 컬렉션에 콘텐츠를 추가하도록 허용하세요. 또한 콘텐츠를 볼 수 있는 사용자를 지정합니다. CMS 액세스 권한이 있는 관리자 및 공동 작업자는 컬렉션 아이템을 확인, 추가, 업데이트 또는 삭제할 수 있는 전체 액세스 권한을 갖습니다.
      • 고급: 각 사용자 역할에 대한 사용자 지정 권한을 설정해 컬렉션 콘텐츠를 확인, 추가, 업데이트 또는 삭제할 수 있는 사용자를 제어합니다. CMS 액세스 권한이 있는 관리자 및 공동 작업자는 전체 액세스 권한을 갖습니다. 하지만, 특정 공동 작업자 역할에 대한 권한을 설정해 컬렉션에 대한 액세스를 제한할 수 있습니다.
    3. 저장을 클릭합니다. 
컬렉션 권한 설정 스크린샷

2 단계 | 반복 레이아웃 추가 및 사용자 지정하기

반복 레이아웃을 추가한 후 텍스트, 이미지 또는 버튼과 같은 요소를 아이템/컨테이너로 끌어다 놓습니다. 반복 레이아웃의 크기를 조정하거나 요소를 제거해 필요한 모든 요소를 반복 레이아웃에 맞도록 설정할 수 있습니다. 반복 레이아웃에 요소를 추가하면 해당 요소는 각 반복 레이아웃 아이템에 자동으로 추가됩니다. 

나중에 요소를 컬렉션 입력란에 연결해 콘텐츠를 교체할 것입니다. 각 반복 레이아웃 아이템은 컬렉션의 다른 아이템을 표시하게 됩니다.
Wix 에디터
Studio 에디터
  1. 에디터로 이동합니다.
  2. 반복 레이아웃을 추가할 페이지 또는 섹션으로 이동합니다.
  3. 에디터 왼쪽에서 요소 추가를 클릭합니다.
  4. 목록을 클릭합니다.
  5. 사용하고자 하는 반복 레이아웃을 클릭해 페이지로 끌어다 놓습니다. 
Wix 에디터에서 반복 레이아웃을 추가하는 스크린샷
  1. 반복 레이아웃에서 요소를 추가 또는 제거합니다. 반복 레이아웃 내부에 필요한 모든 요소에 맞도록 반복 레이아웃의 크기를 조정할 수 있습니다. 나중에 요소를 컬렉션 입력란에 연결해 콘텐츠를 교체할 것입니다. 각 반복 레이아웃 아이템은 컬렉션의 다른 아이템을 표시하게 됩니다.
중요!
동적 아이템 페이지으로 링크할 수 있도록 반복 레이아웃에 버튼 또는 이미지 요소를 추가하는 것이 좋습니다. 이를 통해 방문자는 이미지 또는 버튼을 클릭해 관련 아이템의 동적 아이템 페이지로 이동할 수 있습니다. 

3 단계 | 컬렉션에 반복 레이아웃 아이템 연결하기

데이터세트는 반복 레이아웃 요소를 컬렉션 입력란에 연결하는 데 사용되는 도구입니다. 요소를 데이터세트에 연결하면 요소의 각 부분에 사용할 컬렉션 입력란을 선택할 수 있습니다. 컬렉션 콘텐츠를 표시할 각 요소를 연결하세요. 그 다음 요소의 크기를 변경하거나 이동하거나 원하는 대로 조정하세요. 
Wix 에디터
Studio 에디터
  1. 에디터에서 추가한 반복 레이아웃을 클릭합니다.
  2. CMS에 연결 아이콘을 클릭합니다.
  3. 데이터세트 선택 드롭다운을 클릭해 컬렉션에 연결할 기존 데이터세트를 선택합니다. 또는, 데이터세트 추가를 클릭하고 연결할 컬렉션을 선택한 후, 이름을 지정하고 추가를 클릭합니다.
데이터세트 연결 시 해당 컬렉션을 선택하는 스크린샷
  1. 연결 아래에서 먼저 연결하고자 하는 요소를 클릭합니다. 
  2. (선택사항) 요소를 다른 데이터세트에 연결하려면 데이터세트 선택 드롭다운을 클릭한 후 다른 데이터세트를 선택합니다. 그렇지 않은 경우, 동일한 데이터세트에 연결된 상태로 둡니다. 
  3. 연결 아래에서 해당 드롭다운을 클릭해 요소의 각 부분을 해당 컬렉션 입력란에 연결합니다. 옵션은 요소 유형에 따라 다를 수 있습니다.
도움말:
  • 버튼 요소를 컬렉션의 동적 아이템 페이지에 링크하려면 클릭 시 수행 작업 드롭다운을 클릭한 후 (아이템)으로 끝나는 동적 아이템 페이지를 선택합니다.
  • 이미지를 컬렉션의 동적 아이템 페이지에 연결하려면 링크 연결 대상 드롭다운을 클릭한 후 (아이템)으로 끝나는 동적 아이템 페이지를 선택합니다.
버튼을 동적 아이템 페이지에 연결하는 스크린샷
  1. 오른쪽 패널 상단에서 반복 레이아웃 연결을 클릭합니다. 
  2. 위의 4-7 단계를 반복해 컬렉션 콘텐츠를 표시할 각 요소를 연결합니다.  
반복 레이아웃의 데이터세트에서 연결할 수 있는 모든 요소를 보여주는 스크린샷
  1. (선택사항) 클릭해 반복 레이아웃의 요소 크기를 변경하거나 이동 또는 조정합니다. 요소는 언제든지 추가, 제거, 연결 또는 연결 해제할 수 있습니다. 

4 단계 | 데이터세트 설정 관리하기

데이터세트 설정을 조정해 데이터세트 모드, 한 번에 로딩할 수 있는 총 아이템 수, 표시되는 아이템 및 표시되는 순서를 제어하세요.  
Wix 에디터
Studio 에디터
  1. 반복 레이아웃의 연결된 데이터세트 설정으로 이동합니다.
    1. 반복 레이아웃을 클릭합니다. 
    2. CMS에 연결 아이콘을 클릭합니다.
    3. 오른쪽의 반복 레이아웃 연결 패널에서 데이터세트 설정을 클릭합니다.
  2. (선택사항) 권한권한 유형을 클릭해 컬렉션 콘텐츠를 보고, 추가, 업데이트 또는 삭제할 수 있는 사용자를 결정합니다.
  3. (선택사항) 데이터세트의 이름을 편집해야 하는 경우 데이터세트 이름 입력란을 클릭합니다. 
  4. (Velo만 해당) 데이터세트 ID 입력란을 클릭해 페이지 코드에서 데이터세트를 식별하는 데 사용되는 ID를 편집합니다. 
  5. 데이터세트 모드 드롭다운을 클릭해 해당 옵션을 선택합니다.  
    • 읽기: 연결된 요소가 컬렉션의 콘텐츠를 읽고 표시할 수 있습니다. 요소는 컬렉션 콘텐츠를 수정할 수 없습니다. 
    • 읽기 및 쓰기: 연결된 요소는 컬렉션의 콘텐츠를 표시할 수 있습니다. 입력 요소는 컬렉션에 콘텐츠를 추가 또는 편집할 수 있습니다. 
  6. 로딩당 아이템 수 입력란을 편집해 한 번에 로딩할 수 있는 최대 아이템 수를 설정합니다.  
    참고: 이는 방문자가 '더보기' 버튼, '다음/이전 페이지' 버튼 또는 페이지 번호바 클릭 시 로딩될 수 있는 최대 아이템 수이기도 합니다. 다음 섹션에서 단계를 확인하세요. 
' 로딩당 아이템 수' 데이터세트 설정의 스크린샷
  1. (선택사항) + 필터 추가를 클릭해 반복 레이아웃에 특정 아이템만 표시합니다. 
  2. (선택사항) + 정렬 추가를 클릭해 반복 레이아웃에 컬렉션 아이템이 표시되는 순서를 선택합니다.

5 단계 | (선택사항) '더보기' 또는 탐색 버튼 추가하기

반복 레이아웃에는 한 번에 최대 1000개의 아이템을 표시할 수 있습니다. 하지만, 많은 아이템을 표시하려면 '더보기' 버튼을 추가해 로딩 성능을 개선하는 것이 좋습니다. '로딩당 아이템 수' 입력란을 조정해 데이터세트에 연결된 반복 레이아웃에서 한 번에 로딩할 수 있는 아이템 수를 제어하세요.

'로딩당 아이템 수' 입력란은 '다음/이전 페이지' 버튼 또는 페이지 번호바를 연결한 경우 반복 레이아웃에서 '페이지'당 표시되는 아이템 수 또한 결정합니다. 
Wix 에디터
Studio 에디터
원하는 작업을 선택합니다.

자주 묻는 질문

아래를 클릭해 반복 레이아웃을 CMS에 연결하는 방법에 대해 자주 묻는 질문과 답변을 확인하세요. 
CMS 컬렉션에 아이템을 추가하는 스크린샷
컬렉션 권한 설정 스크린샷
Wix 에디터에서 반복 레이아웃을 추가하는 스크린샷
데이터세트 연결 시 해당 컬렉션을 선택하는 스크린샷
버튼을 동적 아이템 페이지에 연결하는 스크린샷
반복 레이아웃의 데이터세트에서 연결할 수 있는 모든 요소를 보여주는 스크린샷
' 로딩당 아이템 수' 데이터세트 설정의 스크린샷