CMS: 라이브 사이트 컬렉션 콘텐츠 관리하기
7 분 분량
라이브 사이트에서 사람들이 컬렉션 콘텐츠를 추가, 편집 또는 삭제할 수 있는 페이지를 추가하세요. 방문자가 회원 페이지에 텍스트 및 이미지를 제출하는 경우 등에 유용하게 활용할 수 있습니다. 또는, 아래 그림과 같이 부동산 사이트의 양식으로 활용할 수도 있습니다. 방문자가 항목을 추가, 삭제 또는 업데이트할 수 있습니다.
시작하기 전:
- 사이트에 CMS(콘텐츠 관리 시스템)를 추가합니다.
- 콘텐츠를 저장할 컬렉션을 추가합니다.
새로운 데이터세트 환경:
Wix Studio에서는 데이터세트를 오른쪽의 속성 패널로 이동해 더 쉽게 사용할 수 있도록 했습니다. Wix Studio의 새로운 데이터세트 환경에 대한 자세한 도움말을 확인하세요.
1 단계 | 입력 요소가 포함된 양식 만들기
사이트에 입력 요소를 추가해 사이트의 특정 요구에 맞는 사용자 지정 양식을 구축하세요. 양식을 구성하는 데 사용되는 요소를 통해 방문자가 텍스트 및 파일 등의 콘텐츠를 업로드할 수 있습니다. 양식을 통해 제출된 콘텐츠는 컬렉션에 저장됩니다. 사용자 입력 요소로 양식을 생성하는 방법에 대한 자세한 도움말을 확인하세요.
Wix 에디터
에디터 X
- 에디터로 이동합니다.
- 입력 요소를 추가할 페이지로 이동합니다.
- 에디터 왼쪽에서 요소 추가를 클릭합니다.
- 입력을 클릭합니다.
- 해당 입력 요소를 클릭해 페이지로 끌어다 놓습니다.
- 추가한 입력 요소를 클릭한 후 설정을 선택합니다.
- 설정을 입력합니다. 옵션은 선택한 입력 요소에 따라 다릅니다.
- (사용 가능한 경우) 요소를 클릭하고 선택 옵션 관리 또는 평점 설정을 선택해 선택 옵션을 설정합니다.
- (선택사항) 레이아웃 및 디자인 아이콘을 클릭해 레이아웃 또는 디자인을 변경합니다.
2 단계 | 읽기 및 쓰기 데이터세트 추가하기
사용자의 작업 및 권한에 영향을 미치는 두 가지 설정이 있습니다. 하나는 데이터세트의 데이터세트 모드이고, 다른 하나는 컬렉션의 권한 및 공개 설정입니다.
데이터세트 모드는 연결된 요소와 컬렉션 간에 수행할 수 있는 작업을 결정합니다. 컬렉션의 권한 및 공개 설정에 따라 컬렉션 콘텐츠를 보거나 편집할 수 있는 사용자가 결정됩니다. 데이터세트 모드 및 컬렉션 권한에 대한 자세한 도움말을 확인하세요.
읽기 및 쓰기 데이터세트를 추가하려면:
- 에디터에서 첫 번째 입력 요소를 클릭합니다.
- CMS에 연결 아이콘을 클릭합니다.
- (처음에만 해당) 데이터세트를 생성합니다.
- 데이터세트 추가를 클릭합니다.
- 컬렉션을 선택하세요 드롭다운을 클릭해 해당 컬렉션을 선택합니다.
- (선택사항) 데이터세트 이름을 편집합니다.
- 추가를 클릭합니다.
- 값 연결 대상 드롭다운을 클릭한 후 컬렉션에서 데이터를 저장할 입력란을 선택(또는 새 입력란 추가)합니다.
- 에디터에서 데이터세트를 클릭합니다.
- 설정을 클릭합니다.
- 모드 드롭다운을 클릭한 후 읽기 및 쓰기를 선택합니다.
- 각 사용자 입력에 대해 다음 단계를 반복하고 모두 동일한 데이터세트에 연결합니다.
3 단계 | 인터랙티브 버튼 추가 및 설정하기
방문자가 클릭해 컬렉션 데이터와 상호 작용할 수 있는 버튼을 추가하세요. 버튼 추가 후에는 버튼을 사용자 지정하고 입력 요소와 동일한 데이터세트에 연결합니다.
제출 버튼을 추가해 사용자 입력값을 컬렉션에 저장할 수 있습니다. 데이터세트에서 클릭 시 수행 작업 드롭다운을 '제출'로 설정하면 버튼 클릭 시 입력값이 컬렉션으로 전송됩니다. 여러 클릭 작업(예: 필터 적용, 신규, 또는 삭제) 중 선택해 인터랙티브 버튼을 만들 수 있습니다
제출 버튼을 추가 및 설정하려면:
- 에디터 왼쪽에서 요소 추가를 클릭합니다.
- 버튼을 클릭합니다.
- 버튼을 선택해 페이지로 끌어다 놓습니다.
- 텍스트 및 아이콘 변경을 클릭하고 버튼의 기능을 설명하는 텍스트를 입력합니다. (예: 제출)
- CMS에 연결 아이콘을 클릭합니다.
- 데이터세트 연결 드롭다운을 클릭하고 입력 요소에 연결한 데이터세트와 동일한 데이터세트를 선택합니다.
- 클릭 시 수행 작업 드롭다운을 클릭한 후 해당 클릭 작업을 선택합니다. (예: 제출)
- (선택사항) 클릭 작업이 예상대로 작동했을 경우 표시될 성공 메시지를 추가합니다.
- + 성공 메시지 추가를 클릭합니다.
- 성공 메시지를 클릭해 원하는 위치로 끌어다 놓습니다.
- (선택사항) 클릭 작업이 실패할 경우 표시될 실패 메시지를 추가합니다.
- + 실패 메시지 추가를 클릭합니다.
- 실패 메시지를 클릭해 원하는 위치로 끌어다 놓습니다.
- 성공 시 이동 페이지 드롭다운을 클릭해 옵션을 선택합니다.
- 페이지에 남기: 방문자는 버튼을 클릭한 후에도 페이지에 머무릅니다.
- 링크: 방문자가 버튼을 클릭하면 다른 페이지로 리디렉트됩니다. 링크 선택 아래에서 선택하기를 클릭해 링크를 설정합니다.
- (선택사항) 버튼 라벨을 동적으로 변경하려면 라벨 연결 대상 드롭다운을 클릭합니다. 컬렉션에서 버튼의 라벨로 사용할 텍스트 입력란을 선택합니다.
4 단계 | 콘텐츠 편집을 허용할 컬렉션 권한 설정하기
컬렉션의 권한 및 공개 설정에 따라 컬렉션의 아이템을 확인, 추가, 삭제, 업데이트할 수 있는 사용자가 결정됩니다. 사용자 지정 권한을 설정해 컬렉션 편집 권한을 부여할 사용자를 선택하세요. 예를 들어, 사이트 회원에 대한 편집 액세스를 제한하려는 경우에는 이러한 설정을 미세 조정할 수 있습니다.
CMS에서 컬렉션 권한을 변경하는 방법에 대한 자세한 도움말을 확인하세요.
컬렉션 권한을 설정하려면:
- 사이트 대시보드의 CMS로 이동합니다. 또는, 에디터]에서 CMS를 클릭한 후 내 컬렉션을 클릭할 수 있습니다.
- 해당 컬렉션을 클릭합니다.
- 상단에서 추가 작업을 클릭한 후 권한 및 공개 설정을 선택합니다.
- 컬렉션에 저장할 콘텐츠 유형을 선택하세요 드롭다운을 클릭해 옵션을 선택합니다.
- 사용자 지정: 관련 드롭다운에서 콘텐츠를 확인, 추가, 삭제 및 업데이트할 수 있는 사용자를 정의합니다.
- 회원 생성: 누구나 콘텐츠를 볼 수 있고 사이트 회원은 콘텐츠를 추가할 수 있으며 사이트 회원 작성자는 콘텐츠를 삭제하거나 업데이트할 수 있도록 허용합니다. 관련 드롭다운을 클릭해 권한을 조정합니다.
- 저장을 클릭합니다.
5 단계 | 표를 추가해 특정 아이템 선택 및 편집하기
사용자 지정 양식이 완성되면 사이트 방문자가 컬렉션에 콘텐츠를 추가할 수 있습니다. 라이브 사이트에서 특정 아이템을 선택 및 편집하려면 표를 추가해야 합니다.
중요!
현재 표는 에디터X에서 사용할 수 없습니다. 대신 아이템 사이를 탐색할 수 있는 버튼을 설정할 수 있습니다. 그러려면 데이터세트의 클릭 시 수행 작업 드롭다운에서 '이전 아이템' 및 '다음 아이템'을 사용해야 합니다. 그런 다음 양식에 표시되는 콘텐츠를 편집하고 제출을 클릭해 해당 아이템을 업데이트할 수 있습니다. 버튼을 설정해 새 항목을 생성하거나 기존 항목을 삭제할 수도 있습니다.
표를 추가하려면:
- 에디터 왼쪽에서 요소 추가를 클릭합니다.
- 목록을 클릭합니다.
- 표를 클릭합니다.
- 선택한 표를 페이지로 끌어다 놓습니다.
- CMS에 연결 아이콘을 클릭합니다.
- 데이터세트 연결 드롭다운을 클릭하고 적절한 데이터세트를 선택합니다.
- 연결 옵션의 드롭다운 메뉴를 사용해 표 열을 컬렉션의 입력란에 연결합니다.
- 표 관리를 클릭해 필요에 따라 열을 정렬합니다.
- 게시를 클릭합니다.
라이브 사이트에서는 콘텐츠가 추가되면 표에 아이템이 표시됩니다. 사용자 지정 양식을 사용해 각 아이템의 콘텐츠를 편집하세요.
버튼을 데이터세트 클릭 작업에 연결해 컬렉션에 아이템 추가 및 삭제와 같은 추가 기능을 제공할 수 있습니다. 또한, 아이템 사이를 탐색하는 버튼을 추가해 '다음 아이템' 또는 '이전 아이템'을 표시하도록 설정할 수도 있습니다.
(선택사항) 필터를 추가해 특정 아이템 표시하기
사이트 방문자가 특정 콘텐츠를 볼 수 있도록 데이터세트에 필터를 설정하세요. 예를 들어, 레시피 사이트가 있다면 아침, 점심, 저녁 등 선호하는 코스에 따라 레시피 필터를 설정할 수 있습니다. 사이트 방문자는 표를 사용해 필터링된 컬렉션 아이템을 탐색할 수 있습니다.
아이템 탐색을 위한 필터를 추가하려면:
- 페이지에서 데이터세트 요소를 클릭합니다.
- 설정을 클릭합니다.
- + 필터 추가를 클릭합니다.
- 옵션을 사용해 컬렉션의 입력란별로 콘텐츠를 필터링할 수 있습니다. 예를 들어, 레시피 컬렉션의 아침식사 아이템만 표시할 수 있습니다. 유형 입력란에 아침, 점심, 저녁 식사가 포함되는 '유형' 입력란을 사용해 필터를 설정합니다. '값' 입력란에 특정 값을 추가합니다. 이 경우 값은 '아침식사'입니다.
- 필터 추가를 클릭합니다.
참고:
Velo by Wix를 사용해 컬렉션에 항목을 추가하는 과정을 자동화할 수 있습니다. 방문자가 개인 프로필을 언제나 확인하고 업데이트할 수 있는 회원 페이지 제작하기에 대해 자세히 알아보세요. (영문)
도움이 되었나요?
|