Wix 하모니 에디터: 반복 레이아웃 추가 및 설정하기

반복 레이아웃을 사용하면 CMS(콘텐츠 관리 시스템) 컬렉션을 포트폴리오, 메뉴, 숙소 목록 등 원하는 디자인의 목록으로 만들어 모든 페이지에 표시할 수 있습니다. 반복 레이아웃을 추가해 컬렉션에 연결하고, 디자인 작업 화면에서 바로 콘텐츠를 관리하세요.

**추가** 패널에서 반복 레이아웃을 추가한 후 새 컬렉션이나 기존 컬렉션에 연결합니다. Wix 하모니가 반복 레이아웃의 텍스트, 이미지, 버튼 요소를 컬렉션 입력란에 자동으로 연결합니다.

컬렉션 콘텐츠를 표시하는 요소는 분홍색으로, 정적 요소는 파란색으로 표시됩니다.

1. 에디터로 이동합니다.

2. 에디터 왼쪽 상단에서 + 추가를 클릭합니다.

3. 요소를 선택합니다.

4. 에디터 왼쪽에서 목록을 클릭합니다.

5. 반복 레이아웃 탭을 클릭합니다.

6. 원하는 반복 레이아웃을 페이지로 드래그합니다.

1. 반복 레이아웃에서 컬렉션 연결을 클릭합니다.

2. 콘텐츠 소스를 선택합니다.

   • 새 컬렉션: 직접 콘텐츠를 추가할 컬렉션을 생성합니다.

   • 기존 컬렉션: 이미 생성한 컬렉션을 선택합니다.

아이템 관리 패널의 아이템 탭에서 반복 레이아웃에 표시되는 모든 아이템과 콘텐츠의 출처를 확인할 수 있습니다. 에디터를 벗어나지 않고 아이템을 추가, 편집, 필터링 및 정렬할 수 있습니다.

1. 반복 레이아웃을 클릭한 후 아이템 관리를 클릭합니다.

1. 아이템 탭에서 원하는 작업을 선택합니다.

   • 아이템 추가: 패널 하단에서 + 아이템 추가를 클릭해 새 컬렉션 아이템을 추가합니다.

   • 아이템 편집: 콘텐츠를 업데이트하려면 아이템 옆의 편집 아이콘을 클릭합니다.

   • 아이템 필터링: 필터를 클릭해 설정한 조건과 일치하는 아이템만 표시합니다. 반복 레이아웃에 표시되는 아이템을 필터링하는 방법에 대해 자세히 알아보세요.

   • 아이템 정렬: 정렬을 클릭해 아이템의 표시 순서를 선택합니다. 반복 레이아웃의 아이템을 정렬하는 방법에 대해 자세히 알아보세요.

   • 컬렉션 변경: 패널에서 추가 작업 아이콘을 클릭한 후 컬렉션 변경을 선택해 다른 컬렉션을 연결합니다. Wix 하모니가 새 컬렉션에서 현재 입력란을 대체할 입력란을 자동으로 선택합니다. 직접 조정하려면 입력란 연결 확인을 클릭합니다. 완료되면 컬렉션 변경을 클릭합니다.
     

   • 아이템 페이지 추가: 패널에서 추가 작업 아이콘을 클릭한 후 각 아이템용 페이지 추가를 선택해 아이템마다 개별 페이지를 추가합니다. 템플릿을 선택한 후 추가를 클릭합니다.

   • 컬렉션 열기: 전체 컬렉션을 확인하고 편집하려면 패널 하단의 컬렉션 열기를 클릭합니다.

입력란 탭에는 컬렉션의 모든 입력란이 표시되며, 페이지에 표시되는 입력란에는 분홍색 연결됨 라벨이 표시됩니다. 이 탭에서 더 많은 콘텐츠를 페이지에 표시하거나 컬렉션에 새 입력란을 추가할 수 있습니다.

1. 반복 레이아웃을 클릭한 후 아이템 관리를 클릭합니다.

2. 입력란 탭을 클릭합니다.

1. 원하는 작업을 선택합니다.

   • 연결 확인: 입력란의 연결됨 라벨에 마우스오버해 어떤 요소에서 해당 입력란을 사용하는지 확인합니다. 연결을 편집하거나 제거하려면 라벨을 클릭합니다.

   • 페이지에 입력란 표시: 입력란 아래에서 + 요소 추가를 클릭해 해당 콘텐츠가 표시되는 새 요소를 추가합니다. 그다음 반복 레이아웃 내 원하는 위치로 요소를 드래그합니다.

   • 새 입력란 추가: + 입력란 추가를 클릭하고 텍스트, 숫자, 이미지 등의 입력란 유형을 선택한 후 입력란 이름을 입력하고 입력란 추가를 클릭합니다.

   • 시스템 입력란 사용: 시스템 입력란을 클릭해 Wix 하모니에서 자동으로 관리하는 값인 ID, 생성일, 업데이트 날짜, 소유자를 펼칩니다. 표시하려는 시스템 입력란 아래에서 + 요소 추가를 클릭합니다.

   • 컬렉션 변경: 패널에서 추가 작업 아이콘을 클릭한 후 컬렉션 변경을 선택해 다른 컬렉션을 연결합니다. Wix 하모니가 새 컬렉션에서 현재 입력란을 대체할 입력란을 자동으로 선택합니다. 직접 조정하려면 입력란 연결 확인을 클릭합니다. 완료되면 컬렉션 변경을 클릭합니다.

   • 아이템 페이지 추가: 패널에서 추가 작업 아이콘을 클릭한 후 각 아이템용 페이지 추가를 선택해 아이템마다 개별 페이지를 추가합니다. 템플릿을 선택한 후 추가를 클릭합니다.

   • 컬렉션 열기: 전체 컬렉션을 확인하고 편집하려면 패널 하단의 컬렉션 열기를 클릭합니다.

페이지에서 직접 반복 레이아웃 내 텍스트, 이미지, 버튼, 갤러리 요소를 컬렉션에 연결할 수 있어 아이템 관리 패널을 열 필요가 없습니다. 정적 페이지에서는 반복 레이아웃 내 요소만 컬렉션에 연결할 수 있습니다. 아이템 페이지에는 한 번에 아이템 하나만 표시되므로 해당 페이지에서는 원하는 위치에 요소를 배치해 연결할 수 있습니다. 각 아이템의 이미지와 동영상을 표시하려면 갤러리를 '미디어 갤러리' 입력란에 연결합니다. Wix 갤러리를 미디어 갤러리 입력란에 연결하는 방법에 대해 자세히 알아보세요.

1. 연결하려는 반복 레이아웃 요소를 클릭합니다.

2. 요소를 CMS 컬렉션에 연결합니다.

   1. {your collection}에 연결을 클릭하거나, 연결된 입력란 이름이 표시된 분홍색 라벨을 클릭합니다.

   2. 컬렉션 콘텐츠 사용 아이콘을 클릭합니다.

   3. 입력란 선택 드롭다운을 클릭한 후, 요소에 표시할 컬렉션 입력란을 선택합니다.

아래 질문을 클릭해 자세한 내용을 확인하세요.