가이드/시작하기/인공지능으로 웹사이트 구축하기

인공지능으로 웹사이트 구축하기

WordPress.com의 AI 웹사이트 빌더를 사용하면 코딩, 템플릿, 기술적 지식 없이도 몇 분 만에 완벽하게 디자인된 웹사이트를 만들 수 있습니다. 이 가이드에서는 AI로 웹사이트를 만드는 방법을 알려드립니다.

동영상 튜토리얼

영어 비디오입니다.
YouTube의 자동 번역 기능을 사용하면 원하는 언어로 시청할 수 있습니다.

자동 번역 자막을 켜는 방법:

  1. 비디오를 재생합니다.
  2. 비디오 오른쪽 하단의 ⚙️ 설정 아이콘을 클릭합니다.
  3. 자막/CC를 선택합니다.
  4. 자동 번역을 선택합니다.
  5. 원하는 언어를 선택합니다.

자동 더빙(실험 기능)으로 시청하는 방법:

  1. ⚙️ 설정 아이콘을 클릭합니다.
  2. 오디오 트랙을 선택합니다.
  3. 시청하려는 언어를 선택합니다.

ℹ️ 번역과 더빙은 Google에서 자동 생성되므로 정확하지 않을 수 있으며, 자동 더빙 기능은 현재 테스트 중이라 모든 언어에서 사용할 수 있는 것은 아닙니다.

AI 웹사이트 빌더 작동 방식

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

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

AI로 웹사이트 구축하기

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

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

  1. 다음 페이지를 방문하세요: https://wordpress.com/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. 로그인 요청 시 WordPress.com에 로그인하거나 가입하세요. 로그인하면 AI와의 대화 창으로 돌아갑니다.
  3. 사이트 구축을 시작하기 전에 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 웹사이트 빌더 기능을 확장하기 위해 노력 중입니다. 현재 AI로는 전자상거래 기능 및 통합을 구축할 수 없지만, 사이트 생성 후 WooCommerce를 포함한 플러그인을 추가할 수 있습니다.

Copied to clipboard!