CMS: 리치 콘텐츠 입력란 추가 및 설정하기
14 분 분량
페이지 메뉴
- 컬렉션에 리치 콘텐츠 입력란 유형 추가하기
- 페이지에 리치 콘텐츠 요소 추가하기
- 리치 콘텐츠 에디터의 서식 옵션 및 기능
CMS(콘텐츠 관리 시스템) 내에서 서식을 지정할 수 있는 컬렉션 아이템과 연결된 큰 콘텐츠 블록을 생성합니다. 서식이 지정된 텍스트를 미디어, 파일, HTML 코드, SNS 게시물, Wix 비즈니스 솔루션 등과 혼합할 수 있습니다. 사이트에 리치 콘텐츠 요소를 추가하고 연결하면 컬렉션 입력란 자체 내에서 설정과 동일한 서식이 유지됩니다.
이 과정에 대한 개요를 알아보려면, Ultimate CMS 가이드 동영상을 확인하세요.
컬렉션에 리치 콘텐츠 입력란 유형 추가하기
컬렉션에 새 입력란을 추가할 때 "리치 콘텐츠" 입력란 유형을 선택합니다. 기존 입력란을 편집해 리치 콘텐츠 입력란으로 만들 수도 있습니다. 리치 콘텐츠 입력란을 생성한 후 컬렉션의 각 아이템에 대한 입력란에 콘텐츠를 추가하고 서식을 지정합니다.
리치 콘텐츠 입력란을 추가하려면:
- 사이트 대시보드의 CMS로 이동합니다. 또는, 에디터의 CMS
를 클릭한 후 내 컬렉션을 클릭합니다.
- 해당 컬렉션을 클릭합니다.
- 입력란 관리를 클릭합니다.
- + 입력란 추가를 클릭합니다.
- 리치 콘텐츠를 선택한 후 입력란 유형 선택을 클릭합니다.
- 입력란 이름 입력란에 이름을 입력합니다.
- (Velo만 해당) 사이트 코드에 사용되는 입력란 ID를 업데이트합니다. 해당 ID는 나중에 업데이트할 수 없습니다.
- (선택사항) 툴팁을 컬렉션의 입력란 제목 옆에 표시하려면 도움말 텍스트를 입력합니다.
- 저장을 클릭합니다.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/11/03/899c5e5e-2fc2-41e2-b68d-d1e9ff83ea40/c0dcb95b-caf6-4d55-9dfa-0ab3b98ac413.png)
- 컬렉션에서 해당 아이템의 리치 콘텐츠 입력란을 클릭합니다.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/11/03/fb5c48f8-d18e-4509-8716-d60cd34d1d55/59ade67d-d232-4c6d-b159-121e0d2910d1.png)
- 아이템에 사용할 텍스트를 입력하고 상단에서 사용 가능한 서식 옵션 중에서 선택합니다. 하단의 아이콘을 사용해 이미지, 동영상, 첨부 파일 등을 추가할 수도 있습니다.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/05/15/8894b7c0-5f97-4d03-85dd-30f7c15af471/d28254bb-ce09-4ab4-9e79-79d13dbcf0de.png)
페이지에 리치 콘텐츠 요소 추가하기
Wix 에디터
Studio 에디터
- 에디터로 이동합니다.
- 리치 콘텐츠 요소를 추가하고자 하는 페이지 또는 섹션으로 이동합니다.
- 에디터의 왼쪽에서 CMS
를 클릭합니다.
- 콘텐츠 요소 추가를 클릭합니다.
- 리치 콘텐츠를 클릭합니다.
- 리치 콘텐츠 요소의 CMS에 연결
아이콘을 클릭합니다.
- 데이터세트 선택 드롭다운을 클릭해 컬렉션에 연결할 기존 데이터세트를 선택합니다. 또는, 데이터세트 추가를 클릭한 후 연결할 컬렉션을 선택하고 데이터세트에 이름을 지정한 후 추가를 클릭 합니다.
- 콘텐츠 연결 대상 드롭다운을 클릭해 생성한 리치 콘텐츠 입력란을 선택합니다.
- 리치 콘텐츠 뷰어 요소에서 설정을 클릭합니다.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/11/29/96082bcd-c96b-43f1-a5cd-755cb7297b30/0423f45c-28a6-488a-a84e-00034edbf6bc.png)
- 긴 콘텐츠를 표시할 방법을 선택합니다.
- 모두 표시: 연결된 리치 콘텐츠 입력란의 모든 콘텐츠가 뷰어에 표시됩니다.
- 부분 생량: 뷰어에 긴 콘텐츠의 일부만 표시합니다.
- 뷰어에 표시되는 콘텐츠를 부분 생략하는 방법을 선택합니다.
- 단락: 표시할 단락 수를 선택합니다. 뷰어에 이미지, 동영상, 표 등의 콘텐츠를 표시하려면 플러그인 콘텐츠 표시를 활성화합니다.
- 단어: 표시할 단어 수를 선택합니다.
- 더보기 버튼을 클릭해 콘텐츠 확대 방법을 선택합니다.
- 활성: 콘텐츠가 잘린 경우 방문자는 "더보기" 링크를 클릭해 표시된 콘텐츠를 확장할 수 있습니다. 더보기/닫기 텍스트 입력란에 사용할 텍스트를 입력합니다.
- 비활성: 모든 콘텐츠가 뷰어에 맞지 않는 경우 텍스트가 부분 생략되고 "..."로 끝납니다. 방문자는 표시된 콘텐츠를 클릭해 확대할 수 없습니다.
- 뷰어에 표시되는 콘텐츠를 부분 생략하는 방법을 선택합니다.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/11/29/cb6026ba-9323-4062-91d1-75907835e7d4/b8e7ef8c-af34-4d44-94a7-4837055d4dda.png)
- 리치 콘텐츠 뷰어의 레이아웃
아이콘을 클릭해 상단, 하단 및 측면 여백을 설정합니다.
- 디자인
아이콘을 클릭해 배경 및 "더보기" 버튼 색상, 테두리, 모서리를 사용자 지정하고 텍스트 서식을 재정의합니다.
도움말:
동적 아이템 페이지에서 미리보기 드롭다운을 클릭한 후 다른 아이템을 선택해 리치 콘텐츠 입력란이 페이지의 각 버전에서 어떻게 표시되는지 확인하세요.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/11/03/e03fb212-b349-4017-8052-c47e352fbb62/48932d10-8833-42fe-ab30-fcb2585488fa.png)
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/11/03/e03fb212-b349-4017-8052-c47e352fbb62/48932d10-8833-42fe-ab30-fcb2585488fa.png)
리치 콘텐츠 에디터의 서식 옵션 및 기능
컬렉션에서 리치 콘텐츠 입력란을 편집할 때 상단의 옵션에서 텍스트 서식을 선택하세요. 하단의 아이콘을 클릭해 표, HTML 코드 및 SNS 게시물과 같은 기능을 추가할 수 있습니다.
아래를 클릭해 리치 콘텐츠 에디터에서 사용 가능한 옵션에 대해 자세히 알아보세요.
텍스트 서식
이미지
동영상
갤러리
구분선
표
파일 추가하기
HTML 코드 삽입하기
SNS
Wix 비즈니스 솔루션
이모티콘
GIF
코드 스니펫 추가
접이식 목록
버튼