AI로 웹사이트가 생성되면 Kanorio 웹사이트 에디터로 이동하게 됩니다. 이곳은 웹사이트 콘텐츠를 수정하는 기본 작업 공간으로, 텍스트 편집, 이미지 교체, 기기별 레이아웃 확인, 게시 준비 등 모든 작업을 여기서 수행할 수 있습니다.
처음에는 버튼이 많아 보일 수 있지만, 한 가지 원칙만 기억하세요. "변경하고 싶은 부분을 클릭하세요." 선택한 콘텐츠에 따라 에디터가 관련 설정을 표시합니다.
화면 상단의 툴바를 상단 바라고 합니다.
↶ 실행 취소, ↷ 다시 실행 버튼, 그리고 버전 기록(지난 30일간의 버전을 미리 보고 복원)이 있습니다.창이 좁아지면 오른쪽 버튼은 아이콘으로만 표시되며, 마우스를 올리면 이름을 확인할 수 있습니다. 모바일에서는 상단 바에 뒤로 가기, 실행 취소/다시 실행, 기기/모드 전환이 유지되며, 하단 내비게이션 바에 "게시, 모듈, 레이아웃, 페이지"와 "더 보기"(탭하여 디자인, 브랜드, 버전 기록에 접근)가 배치됩니다.
모든 버튼을 외울 필요는 없습니다. 작업이 필요할 때 툴바에서 해당 기능을 찾기만 하면 됩니다.
중앙은 웹사이트 미리보기 영역입니다. 코드나 복잡한 설정 대신 방문자가 보는 그대로의 페이지를 보여줍니다.
패널에서 텍스트, 이미지, 레이아웃 또는 디자인을 수정하면 미리보기에 즉시 반영됩니다. 이러한 방식을 WYSIWYG(What You See Is What You Get)라고 합니다.
미리보기에서 모듈에 마우스를 올리면 얇은 테두리와 함께 왼쪽 상단에 모듈 이름, 오른쪽 상단에 "편집" 또는 "⋯"(위/아래 이동, 페이지 이동, 복제, 숨기기, 삭제 등 추가 작업)이 표시됩니다.
모듈 이름이나 "편집"을 클릭하면 오른쪽에 해당 편집 패널이 열립니다. 모듈마다 다른 필드가 표시됩니다. 예:
페이지를 벗어날 필요가 없습니다. 데스크톱에서는 패널이 오른쪽에 고정되고 미리보기가 조정됩니다. 화면이 좁은 경우 데스크톱 사이트가 축소(우측 하단에 확대/축소 비율 표시)되면서 데스크톱 레이아웃이 유지됩니다.
현재 편집 중인 모듈은 파란색 테두리와 "편집 중" 라벨로 강조됩니다. 모듈이 화면 밖으로 스크롤되면 미리보기 하단에 "[모듈 이름]으로 돌아가기" 버튼이 나타납니다.
기존 모듈을 편집할 때 패널 헤더에는 "저장 중... → 저장됨" 상태와 ↶ 실행 취소 / ↷ 다시 실행 버튼이 표시됩니다. 작업이 끝나면 패널을 닫으세요. 디렉토리에서 선택한 새 모듈의 경우 하단의 "사이트에 추가"를 클릭하세요.
↶ 실행 취소를 사용하세요.모듈이 어떤 카테고리에 속하는지 확실하지 않다면 클릭해 보세요. 에디터가 사용 가능한 설정을 보여줍니다.
이 가이드는 작업 공간에 대한 내용입니다. 특정 작업을 수행하려면 해당 가이드를 읽어보세요:
방문자는 다양한 기기에서 사이트를 봅니다. 에디터는 세 가지 미리보기를 제공합니다:
이는 반응형 웹 디자인(RWD)과 관련이 있습니다. 사이트가 레이아웃을 자동으로 조정하지만, 긴 텍스트, 잘린 이미지 또는 버튼 접근성을 확인해야 합니다.
게시하기 전에 최소 한 번은 모바일 미리보기를 확인하세요. 많은 방문자가 모바일로 소셜 링크에 접속하므로 모바일 경험이 매우 중요합니다.
모바일 편집 중에도 툴바에서 기기를 전환할 수 있습니다. 태블릿과 데스크톱 보기는 화면에 맞춰 축소됩니다. 텍스트가 너무 작으면 우측 하단의 확대/축소 비율을 클릭하여 "실제 크기"로 보고 스크롤하여 세부 사항을 확인한 후, 다시 클릭하여 "맞춤"으로 돌아오세요.
"행당 항목 수"와 같이 기기별로 조정할 수 있는 설정도 있습니다. 필드 제목 옆의 기기 아이콘을 선택하여 조정하고 동시에 미리보기를 확인하세요.
모바일이나 좁은 태블릿에서는 편집 패널이 미리보기를 가립니다. 패널 헤더의 "미리보기"를 탭하여 접고 저장되지 않은 변경 사항이 포함된 사이트를 확인하세요. "편집으로 돌아가기"를 탭하면 다시 돌아옵니다.
툴바에서 라이트 모드와 다크 모드 미리보기를 전환하여 텍스트 대비, 이미지 및 브랜드 색상을 확인하세요.
예를 들어, 밝은 배경의 밝은 회색 텍스트는 다크 모드에서 읽기 어려울 수 있습니다. 문제가 발견되면 "디자인"에서 브랜드 색상, 폰트 또는 외관 모드를 조정하세요.
기존 모듈, 헤더 및 푸터를 수정하면 초안에 자동 저장됩니다. 모듈을 드래그, 숨기기 또는 삭제하는 작업도 즉시 저장됩니다. "디자인" 또는 "브랜드" 패널의 전역 변경 사항은 "저장"을 클릭해야 합니다.
차이점을 유의하세요:
"저장됨"이 "게시됨"을 의미하지는 않습니다. 변경을 마친 후에는 항상 우측 상단의 "게시"를 클릭하세요.
자세한 내용(실행 취소/다시 실행 및 30일 기록 포함)은 와 를 읽어보세요.
기본 사항에 익숙해지면 다음 기능을 탐색해 보세요:
첫날부터 모든 것을 설정해야 한다는 부담을 갖지 마세요. 홈페이지와 연락처 정보부터 시작하여 점차 확장해 나가세요.
콘텐츠가 거의 준비되었다면 모바일 미리보기를 확인하고 를 읽어 URL을 설정하고 게시하세요.
네. 기존 모듈, 헤더, 푸터 편집과 모듈 드래그, 숨기기, 삭제는 초안에 자동 저장됩니다. 새 모듈 추가("사이트에 추가" 필요) 및 "디자인" 또는 "브랜드"의 전역 설정("저장" 필요)은 수동 확인이 필요합니다. 이미지를 업로드하는 경우 완료될 때까지 페이지를 닫지 마세요.
저장 중에 탭을 닫거나 연결이 끊기면 변경 사항은 브라우저의 로컬 저장소에 유지되며 에디터를 다시 열 때 반영됩니다. 그 사이에 사이트가 다른 곳에서 수정되었다면 변경 사항을 적용할지 묻는 메시지가 나타납니다.
변경 사항은 먼저 초안에 저장됩니다. 툴바에서 "게시"를 열어 현재 초안을 실제 사이트와 동기화하세요.
네. 에디터는 모바일, 태블릿, 데스크톱을 지원합니다. 모바일에서는 뒤로 가기와 실행 취소/다시 실행이 상단에 있고, 게시, 모듈, 레이아웃, 페이지, "더 보기"(디자인, 브랜드, 기록)가 하단에 있습니다.
콘텐츠, 레이아웃, 브랜드 설정은 미리보기에서 정확하게 표시됩니다. 일부 외부 서비스나 추적 도구는 실제 사이트에서만 로드될 수 있으므로 게시 후 실제 URL을 확인하세요.
AI 기능은 플랜의 크레딧을 사용하며 서비스 상태에 따라 영향을 받을 수 있습니다. "사용량"에서 남은 크레딧을 확인하고 나중에 다시 시도하세요. 일반적인 텍스트 및 이미지 편집은 AI 크레딧을 사용하지 않습니다.