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

AI로 웹사이트 만들기

워드프레스닷컴의 AI 웹사이트 빌더를 사용하여 코딩, 템플릿 또는 특별한 기술 없이 몇 분 만에 완전하게 디자인된 웹사이트를 만들 수 있습니다. 이 가이드에서는 AI로 웹사이트를 제작하는 방법을 설명합니다.

이 기능은 워드프레스닷컴 프리미엄 및 비즈니스 요금제를 이용하는 새 웹사이트에서 제공됩니다. 무료 체험(최대 30개 프롬프트) 후 업그레이드하여 웹사이트를 시작하고 사용자 정의할 수 있습니다.

AI 웹사이트 빌더 작동 방식

AI 웹사이트 빌더는 다음 프로세스를 안내합니다.

  1. 웹사이트 파악: 만들려는 웹사이트의 종류를 이해하기 위해 몇 가지 질문을 합니다.
  2. AI의 사이트 제작: 답변을 제출하면 사용자 정의 레이아웃, 제안된 이미지 및 콘텐츠, 업계 또는 목표에 따라 미리 채워진 섹션으로 구축된 웹사이트가 표시됩니다.
  3. 사이트 사용자 정의: 사이트의 기반이 구축되면 이제 모든 섹션을 클릭하여 AI에게 색상, 텍스트, 섹션 및 레이아웃을 수정하도록 요청할 수 있습니다. 최대 30개의 프롬프트를 무료로 제출하고 무제한 프롬프트 요금제를 구매할 수 있습니다.

AI 웹사이트 빌더로 만든 사이트는 AI로 만들 수 있는 모든 유형의 사이트를 지원하는 특수 테마인 어셈블러 테마를 사용합니다. 사이트의 테마를 변경하면 AI 웹사이트 빌더 기능이 비활성화됩니다(단, 생성한 사이트는 사라지지 않음!). AI 빌더에 대한 접근 권한을 회복하려면 어셈블러 테마를 다시 활성화할 수 있습니다.

AI로 웹사이트 구축

AI로 새 웹사이트를 제작하려면 다음 단계를 따르세요.

  1. 다음 페이지를 방문합니다. https://wordpress.com/ai-website-builder/
  2. 제공된 상자에서 첫 번째 프롬프트에서 가능한 한 많은 상세 정보로 웹사이트를 설명합니다. 정보를 많이 제공할수록 좋습니다.
    • 포트폴리오 사이트, 블로그, 비즈니스 웹사이트 등 원하는 유형을 설명합니다.
    • 원하는 사이트 이름을 알고 있다면 포함합니다.
    • 재미있고 친근하고 시크하고 미니멀하고 우아하거나 아니면 떠오르는 기타 형용사 등 원하는 스타일을 설명합니다.
    • 사이트에 발행할 콘텐츠 종류를 설명합니다.
AI 웹사이트 빌더에 제출할 예제 프롬프트를 보여주는 AI 프롬프트 텍스트 상자.
  1. 답변을 제출하고 메시지가 표시되면 로그인하거나 워드프레스닷컴에 가입하세요.
  2. 그러면 요구 사항을 명확히 하기 위해 몇 가지 추가 세부 사항을 요청받을 수 있습니다. 구축을 시작할 준비가 될 때까지 대화를 계속합니다.
  3. AI가 단 몇 초 만에 웹사이트를 구축하는 모습을 지켜보세요.
  4. 메시지가 표시되면 다음 중 선택하세요. (나중에 편집할 수 있으니 우선 마음에 드는 것을 선택하세요.)
    • 레이아웃 선택: 홈페이지에서 콘텐츠가 구성되는 구조를 선택합니다.
    • 원하는 색상 선택: 권장 색상 팔레트 중에서 사이트 디자인을 보완할 수 있는 색상을 선택합니다.
    • 글꼴 쌍 선택: 제목과 일반 텍스트에 대해 제안된 글꼴 쌍 중에서 선택합니다.
    • 이미지 추가: 컴퓨터에서 이미지를 업로드하고 편집기로 끌어와 생성된 이미지를 대체합니다.

첫 사이트가 생성된 후 4각별 모양 아이콘을 클릭하여 AI를 통해 디자인, 레이아웃, 텍스트, 이미지 등을 계속 편집할 수 있습니다.

4각별 모양의 AI 기호.

사이트 편집기의 일반 도구를 사용하여 AI 없이 수동으로 변경할 수도 있습니다.

우측 상단의 “저장” 버튼을 클릭하여 진행 상황을 저장합니다.

나란히 표시된 저장 및 시작 버튼.

프롬프트 팁

명확한 프롬프트를 작성하면 AI가 원하는 내용을 이해하고 더 나은 결과를 생성하는 데 도움이 됩니다. 다음 팁을 기억하세요.

  • 구체화: 더 자세한 정보를 제공할수록 결과가 더 정확해집니다. 예를 들어 “버튼을 파란색으로 만들기”가 “버튼을 변경하기”보다 더 명확합니다.
  • 섹션 또는 요소 언급: 사이트의 어떤 부분을 편집할지 AI에 정확히 알려주세요(예: “서비스 섹션의 헤드라인 변경”).
  • 일반 언어 사용: 기술적인 용어는 필요 없습니다. “이 텍스트를 짧게 만들기” 또는 “더 밝은 색상 사용하기”와 같은 간단한 지침이면 충분합니다.
  • 스타일이나 어조의 예시: 원하는 느낌이 있는 경우 설명해 주세요. 예: “친근하고 친근한 어조로 이 단락을 다시 작성하세요.”
  • 단계별 요청 시도: 대규모 편집의 경우 작게 나누세요. 예를 들어 AI에게 전체 페이지를 한 번에 다시 디자인하도록 요청하는 대신 한 번에 한 섹션씩 업데이트하세요.
  • 다시 시도: 결과가 예상한 것과 다르면 프롬프트를 다시 입력하거나 컨텍스트를 추가하세요.
  • AI에게 아이디어 질문: 무엇을 해야 할지 모르겠다면 “이 홈페이지에 어떤 종류의 이미지가 어울릴까요?”와 같은 질문을 해보세요.
  • AI에게 샘플 프롬프트 질문: AI 웹사이트 빌더에 무엇을 요청해야 할지 잘 모르면 AI가 도와드릴 수도 있습니다! 예를 들어 “어떤 종류의 이미지 관련 작업을 도와줄 수 있나요? 사용할 수 있는 몇 가지 샘플 프롬프트를 제공해 주세요.“와 같이 물어보세요.
  • 편집이 아닌 관련 도움말 요청: AI 웹사이트 빌더는 웹사이트를 편집하기만 하는 것이 아닙니다. “더 빠른 로딩을 위해 이미지를 최적화하는 방법은 무엇인가요?” 또는 “내 사이트에서 어떤 보안 설정을 사용해야 하나요?”와 같은 질문을 하고 최신 안내를 제공받을 수 있습니다.

AI 생성 웹사이트 사용자 정의

사이트를 만든 후 AI와의 대화로 계속 다듬을 수 있습니다. 전용 가이드를 방문하여 사이트의 각 측면을 편집하는 방법에 대해 자세히 알아보세요.

AI 생성 웹사이트 발행

생성되면 새 웹사이트가 공개 예정 모드로 전환됩니다. 즉 회원님만 접근할 수 있으며 일반 대중은 “공개 예정” 메시지를 보게 됩니다.

웹사이트를 공개할 준비가 되면 편집기의 오른쪽 상단에 있는 “시작” 버튼을 클릭합니다.

나란히 표시된 저장 및 시작 버튼.

새 웹사이트는 다른 워드프레스 웹사이트와 똑같습니다. 도메인을 추가하고, 블로그 글을 발행하고, Google Analytics에 연결하고, 웹사이트에서 필요한 그 밖의 모든 것을 추가할 수 있습니다. 

전자상거래

AI 웹사이트 빌더는 블로그, 포트폴리오 및 서비스 기반 웹사이트를 생성할 수 있습니다. 전자상거래 기능 및 통합은 현재 AI로 구축할 수 없지만 사이트를 생성한 후 수동으로 추가할 수 있습니다. AI 웹사이트 빌더 기능은 향후 확장될 예정입니다.

Copied to clipboard!