사이트 만들기

「시작하기」를 마치면 AI가 생성한 첫 번째 사이트 버전이 이미 준비되어 있습니다. 다음으로, 「사이트 만들기」에서는 이 초안을 브랜드 아이덴티티, 사용자 여정, 방문자의 요구에 진정으로 부합하는 전문적인 사이트로 다듬는 방법을 안내합니다.

코드를 작성할 필요가 없으며 모든 설정을 한 번에 변경할 필요도 없습니다. 사이트를 매장처럼 생각하고 다음 4가지 레이어에 걸쳐 단계별로 조정해 보세요.

1. 페이지 구조 계획: 매장에 필요한 '공간'(홈, 서비스, 문의, 법적 고지 페이지 등)을 결정합니다.
2. 모듈 및 레이아웃 결합: 각 페이지에 콘텐츠 블록(히어로, 텍스트 및 이미지, 카드 갤러리, FAQ 또는 타사 임베드)을 추가한 다음, 배경색이나 카드 스타일을 전환하거나 클릭 한 번으로 레이아웃을 변경합니다.
3. 탐색 및 글로벌 브랜드 스타일 설정: 헤더와 푸터로 사이트 흐름을 연결하고, '디자인' 및 '브랜드' 설정에서 글꼴, 색상, 로고, 공유 버튼, 소셜 링크를 통일합니다.
4. 기기별 미리보기 및 안전한 게시: 초안은 30일 버전 기록과 함께 자동으로 저장됩니다. 모바일 뷰를 확인한 후 '게시'를 눌러 라이브 사이트를 업데이트하세요.

이 카테고리를 통해 무엇을 달성할 수 있나요?

• 멀티 페이지 사이트(서비스 소개, 포트폴리오, 이벤트 페이지 등) 생성 및 6가지 내장 법적 템플릿 옵션 사용.
• 페이지 간 모듈 추가, 정렬, 복제 또는 이동; 6가지 모듈 배경색, 4가지 카드 스타일 조정, 손실 없는 레이아웃 전환, 3단계 버튼 및 페이지 내 #앵커 링크 설정.
• 40가지 콘텐츠, 스토어 및 타사 임베드 모듈(YouTube, Instagram, Google 폼, Calendly, Google 비즈니스 프로필 등) 활용 사례 탐색.
• 글로벌 헤더(4가지 탐색 위치, 드롭다운 메뉴, 기기별 브랜드 링크) 및 푸터(다단 탐색, 테두리 없는 로고, 연락처 정보) 디자인.
• 다국어 글꼴, 9단계 글꼴 크기, 브랜드 색상, 라이트/다크 모드, 로고, 파비콘, 공유 버튼, 소셜 링크 및 사이트 통화에 대한 설정 통일.
• AI를 활용하여 전체 페이지 생성, 모듈 초안 작성 또는 텍스트 다듬기, '실행 취소' 및 30일 '버전 기록'을 통해 안심하고 실험.
• 블로그 관리(이전 사이트 URL에서 가져오기 지원), 을 사용하여 직원, 포트폴리오 또는 매장 위치와 같은 구조화된 콘텐츠 관리, 또는 Link in Bio 페이지 생성.

먼저, 무엇을 하고 싶은지 확인하세요

다른 카테고리와 어떻게 다른가요?

• 「시작하기」와 비교: 는 AI로 구축된 첫 번째 사이트를 완성하고, 에디터 인터페이스를 익히며, 30분 이내에 게시하도록 돕습니다. 이 카테고리는 일상적인 디자인 및 사이트 확장을 위한 종합 매뉴얼입니다.
• 「데이터 워크벤치(블로그 및 컬렉션)」와 비교: 이 카테고리는 'Kanorio에서 구축'하기 위한 페이지 및 시각적 모듈 레이아웃에 중점을 둡니다. 게시물을 작성하거나, 을 만들거나, (두 구축 모드 모두에 적용되는) 를 사용하려면 '웹사이트 및 콘텐츠' 아래의 해당 카테고리로 이동하세요.
• 「이미지, 비디오 및 미디어 라이브러리」와 비교: 이미지 형식, 초점, 내장 비디오/오디오 플레이어, PDF 리더, 페이지 간 파일 재사용, 이미지 보호 활성화 또는 추가 저장 공간 구매에 대해 이해해야 한다면 를 방문하세요.
• 「게시 및 도메인」과 비교: 사용자 지정 도메인을 구매하거나 연결하고, 301/302 리디렉션을 설정하거나, 사이트를 오프라인으로 전환하려면 을 방문하세요.
• 「마케팅」과 비교: 온라인 양식을 만들고, 발신자 도메인(SPF/DKIM)을 확인하고, 고객 이메일 디자인을 설계하고, 뉴스레터를 보내거나, 상단 배너 및 팝업을 추가하려면 을 방문하세요.

시작하기 전 간단한 팁

• 개별 모듈 전에 글로벌 설정 조정: 먼저 에서 브랜드 색상, 글꼴, 공유 버튼 및 소셜 링크를 설정하세요. 나중에 추가되는 모든 새 모듈은 이 스타일을 자동으로 상속합니다.
• '레이아웃 전환' 및 '버전 기록'으로 과감하게 실험: 같은 계열의 모듈은 콘텐츠 손실 없이 레이아웃을 교체할 수 있습니다. 만족스럽지 않으면 ↶ 실행 취소를 누르거나 에서 단일 페이지를 복원하세요.
• 게시 전 모바일 및 다크 모드 미리보기로 전환: 대부분의 방문자는 모바일에서 사이트를 봅니다. 오른쪽 상단의 '게시'를 클릭하기 전에 항상 상단 툴바의 모바일 뷰 및 다크 모드 토글을 사용하여 레이아웃을 확인하세요.

이 카테고리의 문서

• - 빈 페이지 또는 AI 페이지 추가, 홈페이지 및 URL 경로 설정, 페이지 숨기기, 6가지 법적 템플릿 선택.
• - 모듈 추가 및 정렬, 서식 있는 텍스트 편집, 접기 가능한 긴 텍스트, 클릭 한 번으로 레이아웃 전환, 6가지 배경색, 4가지 카드 스타일, 3단계 버튼 및 앵커 설정.
• - 40가지 시각, 텍스트, 정보, 스토어 및 타사 임베드 서비스(YouTube, IG, 폼, Calendly 등) 사용 및 연결 가이드.
• - 4가지 헤더 레이아웃, 드롭다운 메뉴, 다단 푸터, 링크 선택기, #앵커 링크, 기기별 브랜드 링크 및 듀얼 CTA 버튼 설정.
• - '디자인', '브랜드' 및 '사이트 설정 › 일반'을 마스터하여 글꼴, 색상, 로고, 공유 버튼, 소셜 링크 및 통화 관리.
• - AI를 사용하여 페이지 및 모듈 생성, 문구 다듬기, SEO 계획, AI 메모리 및 크레딧 소비 이해.
• - 자동 저장, 실행 취소/다시 실행, 단일 페이지 또는 전체 사이트에 대한 30일 버전 기록, 게시 워크플로 이해.
• - 게시물 작성, 공개 URL에서 이전 기사 가져오기, 카테고리 및 태그 관리, 공유 버튼 활성화, 개별 게시물 게시.
• - AI를 사용하여 직원, 포트폴리오 또는 매장용 구조화된 데이터베이스 구축; 워크벤치에서 필터링, 편집, CSV 가져오기 및 Content Delivery API를 통한 액세스.
• - '데이터 및 콘텐츠 › 데이터 테이블' 아래의 사용자 지정 컬렉션, 블로그 및 읽기 전용 시스템 테이블에 대한 레코드, 구조 및 API 보기.
• - 소셜 및 예약 링크 허브를 한 페이지로 생성, 언제든지 전체 브랜드 사이트로 업그레이드 가능.

권장 읽기 순서

다음 순서로 읽는 것을 권장합니다: " → (필요 시 참조) → → → ". AI 가속이 필요할 때는 을 참조하고, 컬럼, 구조화된 데이터베이스 또는 소셜 트래픽 리디렉션이 필요할 때는 , 및 를 읽어보세요.