CMS: 라이브 사이트 컬렉션 콘텐츠 관리하기
15 분 분량
라이브 사이트에서 사람들이 CMS(콘텐츠 관리 시스템) 컬렉션 콘텐츠를 추가, 편집 또는 삭제할 수 있는 페이지를 추가하세요. 방문자가 회원 페이지에 텍스트 및 이미지를 제출하는 경우 등에 유용하게 활용할 수 있습니다. 또는, 아래 그림과 같이 부동산 사이트의 양식으로 활용할 수도 있습니다. 방문자가 항목을 추가, 삭제 또는 업데이트할 수 있습니다.
Studio 에디터를 사용 중이라면:
Studio 에디터의 동적 아이템 관리 페이지 추가 과정을 단순화했습니다. 동적 관리 페이지에는 공동 작업자 및 사이트 회원이 라이브 사이트의 컬렉션 콘텐츠를 관리할 수 있도록 사전 제작된 페이지가 포함되어 있습니다.
![방문자가 항목을 추가, 삭제 또는 업데이트할 수 있는 양식의 스크린샷](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/f0656688-8ed1-488a-888d-62373b7c3a3c/2020/11/11/0a19d025-c9a4-4fcf-bc9f-887d7c15e092/3a41e038-4ed0-483b-b2b8-0b7f23d1219b.png)
시작하기 전:
- 사이트에 CMS(콘텐츠 관리 시스템)를 추가합니다.
- 콘텐츠를 저장할 컬렉션을 추가합니다.
1 단계 | 입력 요소가 포함된 양식 만들기
사이트에 입력 요소를 추가해 사이트의 특정 요구에 맞는 사용자 지정 양식을 구축하세요. 양식을 구성하는 데 사용되는 요소를 통해 방문자가 텍스트 및 파일 등의 콘텐츠를 업로드할 수 있습니다. 양식을 통해 제출된 콘텐츠는 컬렉션에 저장됩니다. 사용자 입력 요소를 사용해 양식을 생성하는 방법을 확인하세요.
Wix 에디터
Studio 에디터
- 에디터로 이동합니다.
- 사용자 지정 양식을 만들 페이지 또는 섹션으로 이동합니다.
- 에디터 왼쪽에서 요소 추가
를 클릭합니다.
- 입력을 클릭합니다.
- 추가하려는 입력 요소 유형을 클릭합니다.
- 해당 입력 요소를 클릭해 페이지로 끌어다 놓습니다.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/06/27/d048b1b0-de1d-4713-9ee2-f2de5a1ded9a/afc46e64-a171-4ad6-a77e-5e7b045fe1a7.png)
- 추가한 입력 요소를 클릭한 후 설정을 선택합니다.
- 설정을 입력합니다. 옵션은 선택한 입력 요소에 따라 다릅니다.
- (선택사항) 레이아웃
및 디자인
아이콘을 클릭해 레이아웃 또는 디자인을 변경합니다.
- 위의 3-9 단계를 반복해 양식에 필요한 만큼 입력 요소를 추가합니다.
2 단계 | 컬렉션에 입력 요소 연결하기
사용자의 작업 및 권한에 영향을 미치는 두 가지 설정이 있습니다. 하나는 데이터세트의 데이터세트 모드이고, 다른 하나는 컬렉션의 권한 및 공개 설정입니다.
데이터세트 모드는 연결된 요소와 컬렉션 간에 수행할 수 있는 작업을 결정합니다. 컬렉션의 권한 및 공개 설정에 따라 컬렉션 콘텐츠를 보거나 편집할 수 있는 사용자가 결정됩니다. 데이터세트 모드 및 컬렉션 권한에 대한 자세한 도움말을 확인하세요.
Wix 에디터
Studio 에디터
- 에디터에서 방금 추가한 입력 요소를 클릭합니다.
- CMS에 연결
아이콘을 클릭합니다.
- 제출 양식을 저장할 컬렉션에 바인딩되는 데이터세트에 연결합니다.
- 페이지에 데이터세트가 없는 경우:
- 오른쪽에서 + 데이터세트 추가를 클릭합니다. 그 다음, 연결할 컬렉션을 선택하고 데이터세트 이름을 입력한 후 추가를 클릭합니다.
- 콘텐츠 수집을 클릭합니다.
- 페이지에 이미 데이터세트가 있는 경우:
- 콘텐츠 수집을 클릭합니다.
- 데이터세트 선택 드롭다운을 클릭해 해당 데이터세트를 선택합니다. 또는, 데이터세트 추가를 클릭해 새 컬렉션을 추가한 후, 연결할 컬렉션을 선택하고 데이터세트 이름을 입력한 후 추가를 클릭합니다.
- 페이지에 데이터세트가 없는 경우:
- 입력 요소를 기존 또는 새 컬렉션 입력란에 연결합니다.
- 기존 입력란: 값 연결 대상 드롭다운을 클릭한 후 입력을 제출할 입력란을 선택합니다.
- 새 입력란: 값 연결 대상 드롭다운을 클릭한 후 입력란 추가를 선택합니다
- 새 컬렉션 입력란의 입력란 이름을 입력합니다.
- 드롭다운에서 입력란 유형을 선택합니다. 입력란 유형은 입력란에 저장할 수 있는 데이터의 종류를 결정합니다.
- 추가를 클릭합니다.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/03/29/f882bacc-8b12-4d0a-9748-2142864a2c8f/89eeed7e-9698-4e84-af34-4dd5ff05d06a.png)
- (필요한 경우) 목록 아이템 연결 버튼을 클릭해 요소의 선택지를 관리할 위치를 선택합니다.
- 활성: 선택지에 다른 CMS 컬렉션의 입력란을 사용합니다. 해당 데이터세트를 연결하고 라벨 및 값 연결 대상 드롭다운에서 사용할 입력란을 선택합니다.
- 비활성: 선택지 관리를 클릭해 CMS와 별도로 요소에 대한 선택지를 추가합니다.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/03/29/e5d06509-5f59-4235-bb8d-72afb1f70358/5594d855-19c9-44fa-9373-4377fd27e0b2.png)
- 사용자 지정 양식의 입력 요소 각각에 대해 이 단계를 반복합니다.
- 오른쪽 패널의 첫 번째 데이터세트 선택 드롭다운 아래에서 데이터세트 설정을 클릭합니다. 이 데이터세트는 제출 양식을 저장할 컬렉션에 연결됩니다.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/03/29/60b0fc38-e3ae-4bc8-a2c3-c8dc8caf3a38/a5a432ae-93d1-4664-a3ff-0e5ba8f2385b.png)
- 데이터세트 모드 드롭다운을 클릭한 후 읽기 및 쓰기를 선택합니다.
3 단계 | 인터랙티브 버튼 추가 및 설정하기
방문자가 클릭해 컬렉션 데이터와 상호 작용할 수 있는 버튼을 추가하세요. 버튼 추가 후에는 버튼을 사용자 지정하고 입력 요소와 동일한 데이터세트에 연결합니다.
제출 버튼을 추가해 사용자 입력값을 컬렉션에 저장할 수 있습니다. 데이터세트에서 클릭 시 수행 작업 드롭다운을 '제출'로 설정하면 버튼 클릭 시 입력값이 컬렉션으로 전송됩니다. 여러 클릭 작업(예: 필터 적용, 신규, 또는 삭제) 중 선택해 인터랙티브 버튼을 만들 수 있습니다
Wix 에디터
Studio 에디터
- 에디터 왼쪽에서 요소 추가
를 클릭합니다.
- 버튼을 클릭합니다.
- 제출 버튼으로 사용할 버튼을 클릭해 페이지에 끌어다 놓습니다. 추천 디자인 버튼, 텍스트 및 아이콘 버튼, 아이콘 버튼, 또는 이미지 버튼과 같은 버튼 유형을 사용할 수 있습니다.
도움말: 또는 이미지를 추가해 제출 버튼으로 사용할 수도 있습니다.
![제출 버튼으로 사용할 버튼을 추가하는 스크린샷](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/08/10/82ed232b-d007-4804-87dd-ffd69974c306/dd641b0e-d3d7-4f8d-a72d-eeb988ad6ebb.png)
- 텍스트 및 아이콘 변경을 클릭하고 버튼에 표시할 텍스트(예:"제출")을 입력합니다.
- CMS에 연결
아이콘을 클릭합니다.
- 데이터세트 선택 드롭다운을 클릭해 제출 양식 컬렉션에 연결된 데이터세트를 선택합니다.
- 클릭 시 수행 작업 드롭다운을 클릭한 후 제출을 선택합니다.
- (선택사항) 제출이 성공하거나 실패할 때 표시되는 성공 및 실패 메시지를 추가합니다.
- + 성공 메시지 추가를 클릭한 후 + 실패 메시지 추가를 클릭합니다.
- 두 메시지를 클릭해 원하는 위치로 끌어다 놓습니다. 두 메시지는 동시에 표시되지 않으므로 겹치게 놓을 수 있습니다.
- 각 메시지에서 텍스트 편집을 클릭해 메시지를 편집합니다.
- 버튼을 선택한 후 CMS에 연결
아이콘을 클릭합니다. 그런 다음, 성공 시 이동 페이지 드롭다운을 클릭해 옵션을 선택합니다.
- 페이지에 남기: 방문자는 양식을 제출한 후 동일한 페이지에 머무릅니다.
- 링크: 방문자는 양식을 제출한 후 다른 페이지로 리디렉트됩니다. 링크 선택 아래에서 선택하기를 클릭해 링크를 설정합니다.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/10/26/a3d72507-c97c-4dbc-b3ba-a5cf3e55f4d5/7f3df416-65a6-48dd-be44-01583a9ff771.png)
- 버튼을 클릭한 후 디자인
아이콘을 선택해 제출 버튼 디자인을 사용자 지정합니다.
4 단계 | 컬렉션 권한 설정하기
컬렉션의 권한 및 공개 설정에 따라 컬렉션의 아이템을 확인, 추가, 삭제, 업데이트할 수 있는 사용자가 결정됩니다. 사용자 지정 권한을 설정해 컬렉션 편집 권한을 부여할 사용자를 선택하세요. 예를 들어, 사이트 회원에 대한 편집 액세스를 제한하려는 경우에는 이러한 설정을 미세 조정할 수 있습니다.
CMS에서 컬렉션 권한을 변경하는 방법에 대한 자세한 도움말을 확인하세요.
컬렉션 권한을 설정하려면:
- 사이트 대시보드의 CMS로 이동합니다. 또는, 에디터의 CMS
를 클릭한 후 내 컬렉션을 클릭합니다.
- 라이브 사이트에서 관리하고자 하는 컬렉션을 클릭합니다.
- 상단에서 추가 작업을 클릭한 후 권한 및 공개 설정을 선택합니다.
- 컬렉션에 저장할 콘텐츠 유형을 선택하세요 드롭다운을 클릭해 옵션을 선택합니다.
- 사용자 지정: 관련 드롭다운에서 콘텐츠를 확인, 추가, 삭제 및 업데이트할 수 있는 사용자를 정의합니다.
- 회원 생성: 누구나 콘텐츠를 볼 수 있고 사이트 회원은 콘텐츠를 추가할 수 있으며 사이트 회원 작성자는 콘텐츠를 삭제하거나 업데이트할 수 있도록 허용합니다. 관련 드롭다운을 클릭해 권한을 조정합니다.
- 저장을 클릭합니다.
![CMS 컬렉션에서 회원 생성 권한을 설정하는 스크린샷](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/01/31/ca474ea0-a048-47e6-b47b-6d25feb1d37c/fbb30199-40c5-4b08-8915-ff4a4281d7cd.png)
5 단계 | 표를 추가해 특정 아이템 선택 및 편집하기
사용자 지정 양식이 완성되면 사이트 방문자가 컬렉션에 콘텐츠를 추가할 수 있습니다. 라이브 사이트에서 특정 아이템을 선택 및 편집하려면 표를 추가해야 합니다.
라이브 사이트에서는 콘텐츠가 추가되면 표에 아이템이 표시됩니다. 사용자 지정 양식을 사용해 각 아이템의 콘텐츠를 편집하세요. 버튼을 데이터세트 클릭 작업에 연결해 컬렉션에 아이템 추가 및 삭제와 같은 추가 기능을 제공할 수 있습니다. 또한, 아이템 사이를 탐색하는 버튼을 추가해 '다음 아이템' 또는 '이전 아이템'을 표시하도록 설정할 수도 있습니다.
![업데이트 또는 삭제할 컬렉션 아이템을 선택하기 위한 표가 포함된 양식의 스크린샷](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/f0656688-8ed1-488a-888d-62373b7c3a3c/2022/09/23/2810a8cb-9964-4af3-b822-bd4048c89e06/c04816b1-6d09-46b9-90f2-64cc9ae255fd.jpg)
참고:
표를 사용하는 대신 버튼을 설정해 아이템 간을 탐색할 수 있습니다. 그러려면 데이터세트의 클릭 시 수행 작업 드롭다운에서 '이전 아이템' 및 '다음 아이템'을 사용해야 합니다. 그런 다음, 양식에 표시되는 콘텐츠를 편집하고 제출을 클릭해 해당 아이템을 업데이트할 수 있습니다. 버튼을 설정해 새 항목을 생성하거나 기존 항목을 삭제할 수도 있습니다.
표를 추가하려면:
Wix 에디터
Studio 에디터
- 에디터로 이동합니다.
- 에디터 왼쪽에서 요소 추가
를 클릭합니다.
- 목록을 클릭합니다.
- 표를 클릭합니다.
- 사용하고자 하는 표를 클릭해 페이지로 끌어다 놓습니다.
![Wix 에디터에서 표를 추가하는 스크린샷](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/11/01/5e5a4536-1407-479f-bda1-7c31c34edfbd/f60770c2-03d4-4253-9927-7d0f94df320d.png)
- CMS에 연결
아이콘을 클릭합니다.
- 데이터세트 선택 드롭다운을 클릭해 입력 요소도 연결되는 데이터세트를 선택합니다.
- 연결 아래에서 해당 드롭다운을 클릭해 각 열에 연결할 컬렉션 입력란을 선택합니다.
- 표를 사용자 지정합니다.
- 변경 사항을 라이브 사이트에 적용할 준비가 되었다면 사이트를 게시합니다.
(선택사항) 필터를 추가해 특정 아이템 표시하기
특정 방문자가 관리할 수 있는 콘텐츠만 표시하려면 '로그인' 상태로 설정된 소유자(텍스트) 입력란이 포함된 필터를 데이터세트에 추가하세요.
사이트 방문자가 특정 콘텐츠를 볼 수 있도록 데이터세트에 필터를 설정하세요. 예를 들어, 레시피 사이트가 있다면 아침, 점심, 저녁 등 선호하는 코스에 따라 레시피 필터를 설정할 수 있습니다. 사이트 방문자는 표를 사용해 필터링된 컬렉션 아이템을 탐색할 수 있습니다.
데이터세트에 필터를 추가하려면:
Wix 에디터
Studio 에디터
- 에디터에서 해당 페이지로 이동합니다.
- 관련 데이터세트 설정으로 이동합니다.
- 왼쪽에서 CMS
를 클릭합니다.
- 페이지 연결 관리를 클릭합니다.
- 관련 데이터세트 옆 추가 작업
아이콘을 클릭한 후, 데이터세트 설정을 선택합니다.
- 왼쪽에서 CMS
- 필터 아래에서 + 필터 추가를 클릭합니다.
- 입력란 드롭다운을 클릭해 필터를 적용할 입력란을 선택합니다.
- 조건 드롭다운을 클릭해 필터에 사용할 조건을 선택합니다. 옵션은 필터링되는 입력란 유형에 따라 다릅니다.
- (필요한 경우) 소스값 지정을 선택합니다.
- 직접 입력: 값 입력란에 필터링 기준으로 사용할 값을 입력합니다.
- 추가 데이터세트: 해당 드롭다운에서 필터링 기준으로 사용할 데이터세트 및 입력란을 선택합니다.
- 필터 추가를 클릭합니다.
![Wix 에디터의 데이터세트에 필터를 추가하는 스크린샷](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/04/16/5776fda8-6f50-4bb7-9935-52d86e537601/f5d4dee3-ff8b-4f89-b79d-25631a8daeea.png)
- 변경 사항을 라이브 사이트에 적용할 준비가 되었다면 사이트를 게시합니다.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/05/31/aeeda12f-edb1-4f20-9fc7-c699db3e2dd2/4dd902b3-51c9-4716-8bef-e03578e28ec6.png)
도움말:
Velo by Wix를 사용해 컬렉션에 항목을 추가하는 과정을 자동화할 수 있습니다. 방문자가 언제든지 개인 프로필을 확인하고 업데이트할 수 있는 회원 공간을 구축하는 방법을 확인하세요.
도움이 되었나요?
|