수정 모드

수정 모드는 콘텐츠 편집자(예: 카피라이터, 제품 마케팅 담당자, 콘텐츠 전략가 등)에게 Designer 도구 내에서 직접 사이트 콘텐츠를 조정할 수 있는 기능을 제공합니다. 이런 방식으로 사이트의 디자인은 그대로 유지되지만 텍스트, 미디어, 비디오 등의 콘텐츠는 변경될 수 있습니다.

이 튜토리얼에서는 다음 내용을 다룹니다.

1. 수정 모드로 들어가는 방법
2. 사이트 콘텐츠를 수정하는 방법
3. 페이지 구성을 감독하는 방법
4. 수정 모드에서 게시하는 방법
5. 수정 모드의 제약

수정 모드로 들어가는 방법

수정 모드는 댓글 작성자 역할을 가진 구성원을 제외한 모든 작업공간 구성원이 액세스할 수 있습니다.

"수정 가능" 권한이 있는 개인은 대시보드에서 사이트 섬네일 위로 마우스를 가져간 후 다음을 선택하여 수정 모드로 들어갈 수 있습니다. 오픈 디자이너.

디자이너 권한이 부여된 경우 사이트의 디자이너로 이동하여 다음을 선택하여 수정 모드로 들어갈 수 있습니다. 설계 상단 바에. 그런 다음 선택하세요. 편집 드롭다운 메뉴에서 다른 사람이 이미 Designer에서 디자인하고 있는 경우 사용자는 Designer에 들어가면 자동으로 수정 모드로 전환됩니다.

수정 모드에 있는 동안 사용자는 페이지, CMS, 자산, 설정 및 사이트 활동 로그(엔터프라이즈 사이트용)와 같은 다양한 패널에 액세스할 수 있습니다. 또한 "게시 가능" 권한이 부여된 경우 사용자는 댓글을 보고 콘텐츠를 게시할 수 있습니다.

사이트 콘텐츠를 수정하는 방법

수정 모드에서는 여러 팀 구성원이 정적 및 동적 콘텐츠를 동시에 변경할 수 있습니다. 여러 사용자가 동일한 콘텐츠를 동시에 수정하는 경우 최신 변경 사항이 우선 적용되므로 팀원과 편집 일정을 조율하는 것이 필수적입니다.

수정 모드 내에서 사용자는 다음을 수행할 수 있습니다.

• 텍스트, 링크, 이미지 수정(배경 이미지 제외)
• 사이트 리소스 관리
• 컬렉션 패널에서 컬렉션 항목 관리
• 전자상거래 제품, 카테고리, 할인 처리

수정 모드에서는 패널 옵션이 더 적은 단순화된 Designer 인터페이스가 표시됩니다. 디자이너 아이콘에 대한 자세한 내용은 여기에서 확인할 수 있습니다.

편집 가능한 콘텐츠를 규제하는 방법

수정 모드(또는 편집기)의 사용자에게 사이트 요소 편집 권한을 부여하거나 제한하려면 해당 요소를 선택하고 요소 설정 패널 > 권한 편집. 권한을 수정하려면 상자를 전환하세요.

컬렉션 목록 내의 요소나 CMS 데이터에 연결된 항목에 대한 편집 권한은 변경할 수 없습니다.

텍스트, 링크, 이미지 편집

텍스트, 링크, 이미지 등의 정적 요소는 수정 모드에서 수정할 수 있습니다. 편집 가능한 정적 요소 위로 마우스를 가져가면 파란색 윤곽선이 나타납니다. 속성이 연결되어 있지 않으면 구성 요소 내의 정적 요소를 편집할 수 없다는 점에 유의하는 것이 중요합니다.

편집 텍스트 (서식 있는 텍스트 포함) 요소를 클릭하고 '연필” 아이콘은 왼쪽 상단에 있습니다. 그런 다음 캔버스의 텍스트를 직접 수정합니다. 또한 사용 가능한 메뉴를 사용하여 굵게, 기울임꼴 또는 범위로 줄 바꿈과 같은 서식 지정 옵션에 대해 캔버스의 텍스트를 선택할 수 있습니다. 서식 있는 텍스트는 추가 형식 선택을 제공합니다. “지구텍스트 요소나 이미지의 ' 아이콘을 클릭하면 텍스트나 대체 텍스트를 다른 언어로 기계 번역할 수 있습니다. “를 클릭하면지구' 아이콘은 이전에 번역된 콘텐츠를 원래 언어로 되돌립니다. 구성 요소에는 기계 번역을 사용할 수 없습니다.

편집 연결에서 링크 요소를 선택하고 '링크' 아이콘이 왼쪽 상단에 표시됩니다. 이를 통해 링크와 해당 설정을 모두 편집할 수 있습니다.

교체 이미지에서 이미지 요소를 선택하고 '영상' 아이콘이 왼쪽 상단에 표시됩니다. 이미지 설정은 "를 클릭하여 관리할 수 있습니다.장부” 아이콘이 같은 모서리에 있습니다. 새 이미지를 자산 패널에 업로드할 수도 있습니다.

메모: 컬렉션 목록(예: 버튼) 내의 정적 콘텐츠에 대한 업데이트는 해당 컬렉션 목록의 모든 인스턴스에 반영됩니다.

동적 콘텐츠를 만들고 감독하는 방법

기존 컬렉션 및 연결된 요소 에게 컬렉션은 수정 모드에서 수정할 수 있습니다.

컬렉션 항목 편집하기

사이트에서 기존 컬렉션으로 작업할 때 사용자는 수정 모드에서 컬렉션 항목을 생성, 관리, 편집, 삭제 및 가져오기/내보내기할 수 있습니다. 이 작업은 다음에 액세스하여 수행할 수 있습니다. CMS 패널 원하는 컬렉션 이름을 선택합니다.

컬렉션 항목을 편집하는 동안 사용자는 컬렉션 항목 페이지에서 콘텐츠를 미리 볼 수 있습니다. “를 클릭하면'컬렉션' 페이지에서 콘텐츠 보기”, 사용자는 컬렉션 항목 페이지로 리디렉션됩니다. 컬렉션 항목으로 돌아가려면 페이지에서 동적 요소를 선택하고 'CMS요소의 왼쪽 상단에 있는 ' 아이콘을 클릭하거나 CMS 패널. 컬렉션 항목 편집, 저장 및 게시에 대한 자세한 내용을 확인할 수 있습니다.

중요한: 컬렉션 항목이 편집되어 미리 보기가 필요한 경우 미리 보기 전에 변경 사항을 저장해야 합니다. 이렇게 하면 항목이 다음 중 하나로 저장됩니다. 초안 또는 단계적 변경. 미리보기 전에 변경사항을 저장하지 않으면 수정사항이 손실됩니다.

컬렉션 항목 관리

모든 컬렉션 항목과 해당 상태는 CMS 패널에서 볼 수 있습니다. 이러한 컬렉션 항목을 효율적으로 관리하는 것은 특히 광범위한 콘텐츠 데이터베이스를 처리할 때 유용합니다. 관리를 간소화할 수 있는 조치는 다음과 같습니다.

• 컬렉션 항목 탐색
• 컬렉션 필드 표시
• 컬렉션 아이템 검색하기
• 컬렉션 항목 필터링
• 컬렉션 항목 정렬
• 컬렉션 항목 대량 편집

동적 요소 편집

동적 요소(즉, 컬렉션에 연결된 요소)는 수정 모드에서 편집할 수 있습니다. 편집 가능한 동적 요소 위로 마우스를 가져가면 보라색 윤곽선이 나타납니다.

편집 가능한 동적 요소를 선택하고 'CMS” 아이콘을 사용하면 사용자는 컬렉션 항목 내의 해당 컬렉션 필드로 이동할 수 있습니다. 이를 통해 텍스트, 이미지 등과 같은 동적 콘텐츠를 편집할 수 있습니다.

전자상거래를 관리하는 방법

사이트에서 전자상거래 기능이 활성화된 경우 사용자는 수정 모드에서 새로운 전자상거래 제품, 카테고리 및 할인을 추가, 편집 및 게시할 수 있습니다.

페이지 설정을 감독하는 방법

수정 모드에서는 다음을 포함한 특정 페이지 설정을 관리할 수 있습니다.

• 비밀번호로 페이지 보호
• SEO 제목 및 메타 설명 사용자 정의
• 오픈 그래프 설정 구성

수정 모드에서 게시하는 방법

수정 모드에서 게시하는 방법에는 세 가지가 있습니다.

• 개별 컬렉션 항목 게시
• webflow.io 스테이징 하위 도메인에 게시
• 프로덕션 도메인에 게시

수정 모드의 제한 사항

수정 모드에 있는 동안 사용자는 다음을 수행할 수 없습니다.

• 구조, 스타일 또는 요소 설정 변경
• 기본 구성 요소 또는 구성 요소 인스턴스의 구조 편집
• 캔버스에서 직접 동적 콘텐츠 수정
• 페이지 제목 조정, 페이지 폴더 생성 또는 편집, 페이지 슬러그 수정, 홈페이지 설정
• 사용자 정의 코드 추가 또는 편집
• 맞춤 요소 포함 또는 수정
• CMS 구성 업데이트
• 새 CMS 컬렉션 만들기