가이드/시작하기/AI로 웹사이트 만들기

AI로 웹사이트 만들기

워드프레스닷컴의 AI 웹사이트 빌더를 사용하면 코딩, 템플릿, 기술 지식 없이도 몇 분 만에 완성도 높은 웹사이트를 만들 수 있습니다. 이 가이드에서는 AI로 웹사이트를 만드는 방법을 알려드립니다.

AI 웹사이트 빌더는 모든 유료 요금제에서 사용할 수 있습니다. 요금제를 선택해 사이트를 만들고 공개하세요.

동영상 튜토리얼

이 동영상에서는 AI 웹사이트 빌더로 워드프레스닷컴 사이트를 만드는 방법을 알아봅니다. 프롬프트로 사이트를 생성하고, 색상과 글꼴을 맞춤 설정하고, 섹션을 편집하고, AI로 새 콘텐츠를 추가하는 과정을 다룹니다. 수동으로 변경하는 방법, 페이지를 추가하는 방법, 사이트를 공개하는 방법도 확인할 수 있습니다.

AI 웹사이트 빌더 작동 방식

AI 웹사이트 빌더는 다음과 같은 과정을 안내합니다:

  1. 웹사이트 설명: 어떤 웹사이트를 만들고 싶은지 파악하기 위해 몇 가지 질문을 드립니다.
  2. AI가 사이트를 구축하는 과정 보기: 답변을 제출하면 업종이나 목표에 맞는 맞춤 레이아웃, 추천 이미지와 콘텐츠, 미리 채워진 섹션으로 웹사이트가 만들어지는 과정을 볼 수 있습니다.
  3. 사이트 맞춤 설정: 사이트의 기본 구조가 만들어지면 원하는 섹션을 클릭해 AI에게 색상, 텍스트, 섹션, 레이아웃을 수정하도록 요청할 수 있습니다.

AI로 웹사이트 만들기

인공지능(AI)은 제공한 일련의 지시사항, 즉 프롬프트를 기반으로 사이트를 구축합니다. 지시사항에는 사이트의 주제, 사이트 이름, 선호하는 색상과 스타일, 사이트에 포함할 콘텐츠 등의 세부 사항이 포함되어야 합니다. AI가 사이트를 생성한 후에는 AI에게 이미지, 콘텐츠 등을 사이트에 추가하도록 요청할 수도 있습니다.

AI로 새 웹사이트를 만드는 단계:

  1. 다음 페이지를 방문하세요: https://wordpress.com/ko/ai-website-builder/
  2. 첫 프롬프트(AI에 대한 지시사항)에서 웹사이트를 몇 마디로 설명하세요. 사이트가 생성된 후에는 프롬프트를 더 구체적으로 작성할 수 있습니다.
An initial AI Website Builder prompt on WordPress.com that says, 'Create a food photography site.'
  1. AI 채팅창의 화살표 아이콘을 클릭하거나 enter 또는 return을 눌러 첫 번째 프롬프트를 제출하세요.
  2. 메시지가 표시되면 워드프레스닷컴에 로그인하거나 가입하세요. 로그인하면 AI와의 대화로 다시 돌아갑니다.
  3. 사이트 구축을 시작하기 전에 AI가 추가 정보를 요청할 수 있습니다. AI가 사이트 구축을 시작할 만큼 충분한 정보를 확보하면 “내 사이트 만들기” 버튼을 클릭하세요.
  4. AI가 단 몇 초 만에 웹사이트를 구축하는 과정을 지켜보세요.

초기 사이트가 생성된 후에는 사이드바에서 AI와 계속 대화하며 디자인, 레이아웃, 텍스트, 이미지를 맞춤 설정할 수 있습니다:

An arrow points to the prompt box in the right sidebar.

사이드바의 ⋮ 아이콘을 클릭하면 해당 페이지에서 채팅창을 이동 가능한 도우미로 전환할 수 있습니다. 오른쪽 상단의 X를 클릭하면 AI 사이드바를 언제든지 접을 수 있으며, 하단 모서리의 네 갈래 별 아이콘을 클릭하면 다시 불러올 수 있습니다.

사이트 편집기에서 수동으로 변경할 수도 있습니다.

오른쪽 상단의 저장 버튼을 클릭해 진행 상황을 저장하세요:

The Save and Launch buttons side by side.

📌

AI 웹사이트 빌더로 생성된 사이트는 Assembler 테마를 사용합니다. 이 테마는 AI로 만들 수 있는 모든 유형의 사이트를 지원하는 특별한 디자인 레이아웃입니다.

사이트 테마를 변경하면 AI 웹사이트 빌더 기능이 비활성화됩니다(하지만 생성한 사이트는 유지됩니다!). Assembler 테마로 다시 전환하면 AI 빌더를 다시 사용할 수 있습니다.

AI 생성 콘텐츠 사용에 대한 자세한 내용은 AI 가이드라인을 참조하세요.

프롬프트 작성 팁

명확한 지시사항(프롬프트)을 작성하면 AI가 원하는 바를 이해하고 더 나은 결과를 생성하는 데 도움이 됩니다. 다음 팁을 참고하세요:

  • 구체적으로 작성하세요: 사이트가 만들어진 후 세부 사항을 더 많이 제공할수록 결과가 더 정확해집니다. 예를 들어 “버튼을 파란색으로 만들어 주세요”가 “버튼을 변경해 주세요”보다 더 명확합니다.
  • 해당 섹션 또는 요소를 명시하세요: 사이트의 어느 부분을 수정할지 AI에 정확히 알려주세요(예: “서비스 섹션의 헤드라인을 변경해 주세요”).
  • 평이한 언어를 사용하세요: 기술 용어는 필요 없습니다. “이 텍스트를 더 짧게 해주세요”나 “더 밝은 색상을 사용해 주세요” 같은 간단한 지시문이 효과적입니다.
  • 스타일이나 어조의 예시를 드세요: 특정 느낌을 원한다면 설명하세요. 예: “이 문단을 친근하고 환영하는 어조로 다시 작성해 주세요.”
  • 단계별로 요청해 보세요: 큰 수정은 작은 단위로 나누세요. 예를 들어 AI에게 한 번에 전체 페이지 재설계를 요청하기보다 한 번에 한 섹션씩 업데이트하세요.
  • 다시 시도하세요: 결과가 기대와 다르면 프롬프트를 다시 쓰거나 추가 맥락을 제공하세요.
  • AI에게 아이디어를 요청하세요: 무엇을 해야 할지 모르겠다면 “이 홈페이지에 어울리는 이미지는 어떤 것인가요?”와 같은 질문을 해보세요.
  • AI에 샘플 프롬프트 요청하기: AI 웹사이트 빌더에 무엇을 물어봐야 할지 모르겠다면, 그것도 도와줄 수 있습니다! “이미지 관련 작업 중 어떤 것을 도와줄 수 있나요? 사용할 수 있는 샘플 프롬프트를 제공해 주세요.“와 같이 입력하세요.
  • 편집 외 도움 요청하기: AI 웹사이트 빌더는 웹사이트 편집만 하는 것이 아닙니다. “이미지 로딩 속도를 높이려면 어떻게 최적화하나요?” 또는 “사이트에 어떤 보안 설정을 사용해야 하나요?” 같은 질문을 하면 최신 지침을 제공합니다.
  • 변경 내용 취소하기: 상단 탐색의 뒤로 화살표 아이콘을 사용해 변경 사항을 취소하세요.

AI가 생성한 웹사이트 맞춤 설정

사이트가 생성된 후에도 AI와 대화하며 계속 다듬을 수 있습니다. 사이트 각 부분 편집 방법에 대한 자세한 내용은 전용 가이드를 참조하세요:

AI 생성 웹사이트 공개하기

생성된 새 웹사이트는 출시 예정 모드로 설정됩니다. 즉 자신만 접근할 수 있고 다른 사람에게는 “출시 예정” 메시지가 표시됩니다.

웹사이트를 공개할 준비가 되면 편집기 오른쪽 상단의 “Launch” 버튼을 클릭하세요:

The Save and Launch buttons side by side.

새 웹사이트는 다른 워드프레스 웹사이트와 마찬가지이므로 도메인 추가, 블로그 글 발행, Google 애널리틱스 연결 등 웹사이트에 필요한 작업을 모두 할 수 있습니다.

전자상거래

AI 웹사이트 빌더는 블로그, 포트폴리오, 서비스 기반 웹사이트를 만들 수 있으며 앞으로 기능을 더 확장할 예정입니다. 현재는 AI로 전자상거래 기능이나 통합을 구축할 수 없지만, 사이트를 만든 후 WooCommerce를 포함한 플러그인을 추가할 수 있습니다.

Copied to clipboard!