CMS: 프로 갤러리에 컬렉션 콘텐츠 표시하기
20 분 분량
프로 갤러리를 사용해 CMS(콘텐츠 관리 시스템) 컬렉션의 각 아이템에 대한 이미지를 동적으로 표시하세요. 컬렉션 입력란을 이미지 제목, 설명, 대체 텍스트 및 링크에 연결하는 동시에 각 아이템에 사용할 이미지 입력란을 제어합니다. 이러한 유형의 설정은 이미지를 아이템의 동적 아이템 페이지에 연결할 수 있으므로 동적 목록 페이지 및 정적 페이지 모두에 이상적입니다.
중요!
이 도움말은 컬렉션 아이템당 하나의 이미지를 표시하는 데 사용되는 이미지 입력란에 프로 갤러리를 연결하는 방법을 설명합니다. 또는 동적 항목 페이지에서 단일 컬렉션 항목에 대한 여러 이미지 또는 동영상을 표시하는 데 사용되는 미디어 갤러리 필드에 갤러리를 연결할 수 있습니다.
1 단계 | CMS 컬렉션 추가하기
갤러리에 표시하고자 하는 이미지를 저장할 복수 아이템 컬렉션을 생성합니다. 이미지 제목, 설명, 대체 텍스트에 대한 이미지 입력란 유형 및 텍스트 입력란을 추가합니다. 그 다음 컬렉션의 각 아이템에 대한 이미지와 값을 추가합니다. 필요한 경우, 누구나 콘텐츠를 볼 수 있는 기본 '콘텐츠 표시' 설정에서 컬렉션 권한을 조정할 수 있습니다.
갤러리 이미지 저장을 위한 컬렉션을 생성하려면:
Wix 에디터
Studio 에디터
대시보드
- 사이트 대시보드의 CMS로 이동합니다.
- 컬렉션 추가를 클릭합니다.
- 컬렉션 이름을 입력합니다.
- 복수 아이템(기본값)을 선택한 상태에서 추가를 클릭합니다.
- 수동으로 또는 CSV 파일을 가져와 컬렉션에 입력란을 추가합니다.
- 수동으로 입력란 추가하기: + 입력란 추가를 클릭해 컬렉션에 수동으로 입력란을 추가합니다.
- CSV 파일 가져오기: CSV 파일 가져오기를 클릭해 컬렉션에 CSV 파일을 업로드합니다.
도움말:
각 아이템의 이미지를 저장하려면 이미지 입력란 유형을 추가해야 합니다. 이미지 제목, 설명 및 대체 텍스트로 사용할 텍스트 입력란 유형을 추가할 수도 있습니다.
- 컬렉션에 아이템을 추가합니다.
- + 아이템 추가를 클릭합니다.
- 각 관련 입력란에 아이템에 대한 콘텐츠를 추가합니다.
- 이 단계를 반복해 필요한 만큼 아이템을 생성합니다.
- 컬렉션의 권한을 설정합니다.
- 추가 작업을 클릭한 후 권한 및 공개 설정을 선택합니다.
- 컬렉션에 사용할 권한을 선택합니다.
참고: 사이트 소유자 및 공동 작업자는 라이브 사이트에 로그인 시 항상 관리자로 취급됩니다. 즉, 라이브 사이트에서 언제든지 컬렉션 콘텐츠를 확인, 추가, 업데이트 및 삭제할 수 있습니다. 이 규칙은 선택한 컬렉션 권한에 관계없이 적용됩니다.
콘텐츠 표시
콘텐츠 수집
사용자 지정
2 단계 | 컬렉션에 프로 갤러리 연결하기
사이트에 프로 갤러리를 추가하고 컬렉션 입력란에 바인딩되는 데이터세트에 연결합니다. 그 다음 갤러리의 이미지 소스를 컬렉션의 이미지 입력란에 연결합니다. 제목, 설명 및 대체 텍스트를 컬렉션의 입력란에 연결할 수도 있습니다. "링크 연결 대상" 입력란을 사용해 아이템을 동적 아이템 페이지나 URL, 이미지 또는 동영상 입력란에 연결합니다.
Wix 에디터
Studio 에디터
- 에디터로 이동합니다.
- 갤러리에 다양한 컬렉션 아이템을 나타내는 이미지를 표시할 페이지로 이동합니다.
- 에디터 왼쪽에서 요소 추가를 클릭합니다.
- 갤러리를 클릭합니다.
- 사용하고자 하는 프로 갤러리를 클릭해 페이지로 끌어다 놓습니다.
- 갤러리에서 기본 이미지를 제거합니다.
- 갤러리에서 미디어 관리를 클릭합니다.
- 전체 선택을 클릭한 후 삭제를 클릭합니다.
- 완료를 클릭합니다.
- CMS에 연결 아이콘을 클릭합니다.
- 데이터세트 선택 드롭다운을 클릭해 컬렉션에 연결할 기존 데이터세트를 선택합니다. 또는 데이터세트 추가를 클릭한 후 연결할 컬렉션을 선택합니다.
- 관련 드롭다운을 클릭해 컬렉션 입력란을 갤러리에 연결합니다.
- 이미지 출처 연결 대상: 표시할 이미지 입력란을 선택합니다.
- 제목 연결 대상: 이미지 제목에 사용할 입력란을 선택합니다.
- 설명 연결 대상: 이미지 설명에 사용할 입력란을 선택합니다.
- 대체 텍스트 연결 대상: 이미지 대체 텍스트에 사용할 입력란을 선택합니다.
- 링크 연결 대상: 이미지를 연결할 동적 페이지, URL 입력란 또는 이미지 입력란을 선택합니다.
- 갤러리를 클릭한 후 설정을 선택해 갤러리 레이아웃, 디자인 등을 사용자 지정합니다. 프로 갤러리 사용자 지정에 대한 자세한 도움말을 확인하세요.
3 단계 | 데이터세트 설정 관리하기
데이터세트 설정으로 이동해 한 번에 로딩할 수 있는 총 아이템 수 설정, 특정 아이템이 표시되지 않도록 필터링, 아이템 표시 순서 정렬, 또는 모드 변경 등을 수행하세요. 방문자가 갤러리의 연결된 컬렉션에서 이미지를 제출하거나 편집할 수 있도록 하려면 모드를 읽기 및 쓰기로 설정하세요.
Wix 에디터
Studio 에디터
- 갤러리의 연결된 데이터세트 설정으로 이동합니다.
- 갤러리를 클릭합니다.
- CMS에 연결 아이콘을 클릭합니다.
- 오른쪽의 갤러리 연결 패널에서 데이터세트 설정을 클릭합니다.
- 데이터세트 모드 드롭다운을 클릭한 후 및 옵션을 선택합니다.
- 읽기: 데이터세트가 갤러리에 컬렉션 콘텐츠를 표시하도록 허용합니다.
- 읽기 및 쓰기: 데이터세트가 갤러리에 컬렉션 콘텐츠를 표시하도록 허용하고 방문자가 입력 요소로 컬렉션 콘텐츠를 추가 또는 편집할 수 있도록 합니다.
- 최대 표시 아이템 수 입력란을 편집해 갤러리에 처음에 로딩할 수 있는 최대 아이템 수를 조정합니다. 이는 방문자가 '더보기' 버튼, '다음/이전 페이지' 버튼 또는 페이지 번호바 클릭 시 로딩되는 최대 아이템 수이기도 합니다. 다음 섹션에서 단계를 확인하세요.
- (선택사항) + 필터 추가를 클릭해 반복 레이아웃에 특정 아이템만 표시합니다.
- (선택사항) + 정렬 추가를 클릭해 반복 레이아웃에 컬렉션 아이템이 표시되는 순서를 선택합니다.
4 단계 | (선택사항) '더보기' 또는 탐색 버튼 추가하기
갤러리 이미지가 많은 경우 '더보기' 버튼을 추가해 페이지 로딩 성능을 개선할 수 있습니다. 데이터세트의 '최대 표시 아이템 수' 입력란은 최대 1000개의 아이템까지 설정할 수 있습니다. 이는 처음에 갤러리에 로딩할 수 있는 아이템 수와 방문자가 버튼 클릭 시 로딩할 수 있는 추가 아이템 수를 제어합니다.
또한, 이 입력란은 '다음/이전 페이지' 버튼 또는 페이지 번호바(Wix 에디터만 해당)를 연결한 경우 갤러리에 '페이지'당 표시되는 아이템 수를 결정합니다.
Wix 에디터
Studio 에디터
원하는 작업을 선택합니다.
'더보기' 버튼 추가하기
'다음 페이지' 및 '이전 페이지' 버튼 추가하기
페이지 번호바 연결하기
자주 묻는 질문
아래를 클릭해 갤러리를 CMS에 연결하는 방법에 대해 자주 묻는 질문과 답변을 확인하세요.
사이트 방문자는 갤러리에 표시되는 콘텐츠를 어떻게 필터링할 수 있나요?
갤러리 이미지 링크 클릭 시 열리도록 설정할 수 있나요?
갤러리의 CMS 연결 옵션은 무엇인가요?
프로 갤러리의 '더보기' 버튼이 데이터세트 설정에 응답하지 않는 이유는 무엇인가요?
도움이 되었나요?
|