Kanorio

에디터 알아보기

약 6분

AI가 웹사이트를 생성하면 Kanorio 에디터로 진입하게 됩니다. 이곳은 웹사이트 콘텐츠를 수정하는 주요 작업 공간입니다. 텍스트 변경, 이미지 교체, 다양한 기기에서의 미리보기 확인, 출시 준비 등 모든 작업을 이곳에서 수행할 수 있습니다.

처음에는 버튼이 많아 복잡해 보일 수 있지만, 이 원칙을 기억하세요: 수정하고 싶은 콘텐츠가 보이면 먼저 해당 콘텐츠를 클릭하세요. 그러면 에디터가 선택한 콘텐츠에 맞는 설정을 표시합니다.

에디터의 세 가지 주요 영역

상단 툴바: 모든 도구로 가는 관문

화면 최상단에 있는 툴바를 상단 툴바라고 합니다. 이곳에서 일반적인 기능들을 찾을 수 있습니다:

  • 섹션 - 콘텐츠, 스토어 또는 통합 섹션을 추가합니다.
  • 레이아웃 - 섹션, 헤더, 푸터의 순서를 조정합니다.
  • 페이지 - 일반 페이지, 법적 페이지, 블로그 페이지를 관리합니다.
  • 설정 - 웹사이트 전체의 모양과 공유 콘텐츠를 조정합니다.
  • 기기 미리보기 - 컴퓨터, 태블릿, 모바일 화면 너비를 전환합니다.
  • 게시 - 승인된 초안을 라이브 웹사이트에 게시합니다.

모든 버튼을 미리 외울 필요는 없습니다. 작업을 수행하고 싶을 때 툴바에서 해당 기능을 찾으면 됩니다.

중앙 미리보기 영역: 실시간으로 웹사이트 확인

중앙은 웹사이트 미리보기 영역입니다. 이곳은 방문자가 실제로 보게 될 모습과 거의 동일하게 표시되며, 코드 줄이나 복잡한 설정이 아닙니다.

텍스트, 이미지 또는 레이아웃을 편집하면 미리보기가 즉시 업데이트됩니다. 이러한 '편집하고 효과 확인하기' 워크플로우를 WYSIWYG(What You See Is What You Get)라고 합니다. 간단히 말해, 보이는 것이 게시 후 얻게 될 결과입니다.

편집 패널: 클릭하여 편집

미리보기에서 섹션을 클릭하면 에디터가 해당 편집 패널을 엽니다. 섹션마다 다른 필드가 있습니다. 예시:

  • 텍스트 섹션: 제목, 단락, 버튼 텍스트, 링크
  • 이미지 섹션: 이미지 업로드, 이미지 교체, 이미지 캡션
  • 헤더 섹션: 로고, 네비게이션, 맞춤 버튼
  • 푸터 섹션: 연락처 정보, 소셜 링크, 저작권 텍스트

현재 페이지를 벗어날 필요는 없습니다. 변경 사항을 만든 후에는 먼저 중앙 미리보기를 확인하세요. 패널에 '저장' 또는 '사이트에 추가'가 표시되면 나가기 전에 저장을 완료하세요.

가장 기본적인 작업: 콘텐츠 편집

  1. 중앙 미리보기에서 수정하려는 콘텐츠를 찾습니다.
  2. 섹션을 클릭합니다.
  3. 나타나는 편집 패널에서 제목, 본문 또는 버튼 필드를 찾습니다.
  4. 패널의 안내에 따라 '저장' 또는 '사이트에 추가'를 클릭한 다음, 미리보기로 돌아가 레이아웃이 자연스러운지 확인합니다.

섹션이 어떤 범주에 속하는지 확실하지 않다면, 그냥 클릭해보세요. 에디터가 조정 가능한 항목을 보여줄 것입니다.

다음 단계

이 가이드에서는 작업 공간을 소개합니다. 실제 작업을 수행하려면 관련 가이드를 직접 참조하세요:

모바일, 태블릿, 데스크톱 보기 확인

방문자가 항상 컴퓨터로 웹사이트를 보는 것은 아닙니다. 에디터는 세 가지 기기 미리보기를 제공합니다:

  • 데스크톱: 넓은 데스크톱 화면을 봅니다.
  • 태블릿: 중간 너비의 레이아웃을 봅니다.
  • 모바일: 좁은 화면에서의 읽기 및 버튼 상호 작용을 봅니다.

이는 반응형 웹 디자인(RWD)과 관련이 있습니다. 간단히 말해, 웹사이트는 다양한 화면에 따라 레이아웃을 조정하지만, 텍스트가 너무 길거나, 이미지가 잘리거나, 버튼을 탭하기 어려운지 여부를 여전히 확인해야 합니다.

게시하기 전에 최소 한 번은 모바일 미리보기로 전환하세요. 많은 방문자가 휴대폰으로 소셜 링크를 클릭하며, 모바일에서의 읽기 경험은 데스크톱 버전보다 더 중요할 때가 많습니다.

라이트 및 다크 모드 미리보기

툴바를 사용하면 라이트 모드와 다크 모드 미리보기를 전환할 수 있습니다. 이를 통해 텍스트 대비, 이미지, 브랜드 색상이 다양한 테마에서 명확하게 유지되는지 확인할 수 있습니다.

예를 들어, 밝은 배경에서는 희미해 보이는 회색 텍스트가 다크 모드에서는 읽기 어려울 수 있습니다. 미리보기를 전환한 후 텍스트를 식별하기 어렵다면, "설정"의 "디자인" 탭으로 이동하여 브랜드 색상, 글꼴 또는 모양 모드를 조정하세요.

초안 저장해도 게시된 것은 아닙니다

에디터에서의 변경 사항은 처음에 초안으로 저장되지만, 저장 과정은 각 작업마다 다릅니다. 섹션의 순서를 변경하거나, 숨기거나, 삭제하기 위해 드래그하는 작업은 일반적으로 즉시 초안에 저장됩니다. 섹션, 헤더 또는 푸터 내의 양식에서 콘텐츠를 편집할 때는, 나가기 전에 프롬프트에 따라 '저장' 또는 '사이트에 추가'를 클릭해야 합니다.

하지만 두 가지 다른 개념에 유의하세요:

  • 초안: 현재 편집 중인 버전으로, 본인과 승인된 팀원만 볼 수 있습니다.
  • 게시: 초안을 라이브 웹사이트와 동기화하여 방문자가 최신 콘텐츠를 볼 수 있도록 합니다.

따라서 '저장됨'이 '방문자에게 보임'과 동일한 의미는 아닙니다. 일련의 변경을 완료한 후에도 '게시'를 클릭해야 합니다.

자세한 단계는 다음을 참조하세요: 초안, 저장 및 게시 및 첫 웹사이트 게시.

에디터의 다른 기능은 무엇인가요?

기본 작업에 익숙해지면 툴바의 다른 기능을 탐색할 수 있습니다:

  • 페이지: 웹사이트 페이지를 추가, 관리 또는 조정합니다.
  • 설정: 글꼴, 브랜드 색상 또는 공유 버튼과 같은 웹사이트 전체 디자인 및 콘텐츠 설정을 구성합니다.
  • AI 지원: AI를 사용하여 페이지, 섹션을 생성하거나 기능에 따라 콘텐츠를 최적화합니다.
  • 게시: 처음으로 공개 URL을 설정한 다음, 새 초안을 라이브 버전과 동기화합니다.

이러한 고급 기능을 첫날 모두 설정할 필요는 없습니다. 홈페이지와 기본 연락처 정보 완성부터 시작하여 점진적으로 확장하세요.

다음 단계

콘텐츠가 거의 완성되었다면, 먼저 모바일에서 미리보기로 표시를 확인한 다음, 첫 웹사이트 게시를 읽고 URL을 설정하여 라이브로 전환하세요.

에디터에 대한 자주 묻는 질문

일부 작업은 초안에 즉시 저장됩니다. 섹션, 헤더, 푸터 내의 양식의 경우, 프롬프트에 따라 '저장' 또는 '사이트에 추가'를 클릭해야 합니다. 이미지를 업로드하는 경우, 중단을 방지하기 위해 페이지를 닫기 전에 업로드가 완료될 때까지 기다리세요.

변경 사항이 먼저 초안에 저장되었기 때문입니다. 툴바에서 "게시"를 열어 현재 초안을 공개 웹사이트와 동기화하세요.

네. 에디터는 휴대폰, 태블릿, 컴퓨터에서의 작동을 지원합니다. 작은 화면에서는 패널 표시가 다를 수 있지만, 기본적인 편집 기능은 계속 사용할 수 있습니다.

콘텐츠, 레이아웃, 브랜드 설정은 주로 미리보기에서 참조됩니다. 일부 외부 서비스나 추적 도구는 라이브 웹사이트에서만 로드될 수 있으므로, 게시 후 실제 URL로 다시 확인하는 것이 좋습니다.

먼저 현재 운영 환경의 실행 취소 기능을 사용하여 이전 단계로 되돌릴 수 있는지 확인하세요. 실행 취소할 수 없다면, 비슷한 섹션을 다시 추가하고 콘텐츠를 다시 입력할 수 있습니다. 중요한 텍스트와 이미지는 원본 파일을 보관하는 것이 좋습니다.

AI 기능은 요금제에서 제공하는 AI 크레딧을 사용하며, 서비스 상태에 따라 일시적으로 영향을 받을 수도 있습니다. 계정 요금제와 AI 크레딧을 확인한 후 나중에 다시 시도하세요. 일반 텍스트 및 이미지 편집은 AI 크레딧의 영향을 받지 않습니다.

에디터 알아보기 | 도움말 센터 | Kanorio - Kanorio