AI 웹사이트 빌더로 사이트를 만든 후 AI 프롬프트를 사용하여 디자인과 레이아웃을 사용자 지정할 수 있습니다. 이 가이드에서는 AI를 사용하여 웹사이트 디자인을 완성하는 방법을 보여줍니다.
이 기능은 워드프레스닷컴 프리미엄 및 비즈니스 요금제를 이용하는 새 웹사이트에서 제공됩니다. 무료 체험(최대 30개 프롬프트) 후 업그레이드하여 웹사이트를 시작하고 사용자 정의할 수 있습니다.
이 가이드에서
문의 사항이 있으십니까?
AI 도우미에게 물어보기AI를 통해서는 물론 수동으로 편집하여 웹사이트의 콘텐츠를 업데이트, 편집 및 추가할 수 있습니다. AI를 활용한 사이트 작업:
- 사이트 페이지를 방문합니다.
- 사이트를 선택하고 “내 홈” 버튼을 클릭합니다.
- 다음 단계는 사이트의 요금제에 따라 다릅니다.
- 무료 평가판 사이트의 경우 편집기로 직접 이동해 편집을 계속할 수 있습니다.
- 업그레이드된 사이트의 경우 사이트의 알림판으로 이동하고, 디자인 → 편집기에서 편집을 계속할 수 있습니다.
- 화면 하단에 있는 4각별 모양 아이콘을 클릭하여 AI 도우미를 엽니다.
AI를 사용하여 사이트의 색 구성표를 업데이트하려면 다음 단계를 따르세요.
- 네 개의 별이 있는 AI 아이콘을 클릭하면 프롬프트 상자가 열립니다.
- 다음과 같은 프롬프트를 입력하세요. “색상 변경” 또는 “사이트 전체의 색 구성표를 파스텔로 변경해.“
- 여러분이 살펴볼 수 있는 색상 팔레트가 제공됩니다. 색상을 클릭하면 업데이트가 사이트에 어떻게 표시되는지 확인할 수 있습니다.
- 원하는 색 구성표를 선택한 후 저장 버튼을 클릭하여 변경 사항을 저장합니다.
색 구성표를 수동으로 선택하려면 디자인 → 편집기 → 스타일 → 타이포그래피로 이동하여 새 글꼴을 선택합니다(무료 평가판에서는 사용할 수 없음).
사이트의 전반적인 색 구성표에는 만족하지만 특정 섹션이나 요소의 색상을 변경하고 싶은 경우 다음 단계를 따르세요.
- 다시 칠하고 싶은 요소(텍스트나 버튼 등)나 특정 섹션을 클릭합니다.
- AI 프롬프트 상자를 엽니다.
- 색상 변경 요청을 입력하세요. 색상을 설명하거나 특정 색상 코드를 요청할 수 있습니다.
“이 버튼을 밝은 노란색으로 변경해”
“헤더 배경색을 #FFB514로 지정해” - 색상 변경 사항을 저장하려면 저장 버튼을 클릭하고, 취소하려면 뒤로 화살표 아이콘을 클릭하세요.
페이지 레이아웃에 새로운 섹션을 추가할 수 있습니다.
- 새 섹션을 추가하려는 기존 섹션을 클릭하세요.
- AI 프롬프트 상자를 엽니다.
- 다음과 같은 프롬프트를 입력하세요.
“정보 아래에 추천 글 섹션을 추가해.”
“홈페이지에 가격표 섹션을 삽입해.” - 새로운 섹션을 검토하세요. AI는 왼쪽 및 오른쪽 화살표 버튼을 사용하여 순환할 수 있는 여러 레이아웃을 제공할 수 있습니다.
섹션을 이동하여 사이트 레이아웃을 변경하려면 다음 단계를 따르세요.
- 이동하려는 섹션을 클릭합니다.
- AI 프롬프트 상자를 엽니다.
- 유형:
“서비스 섹션을 추천 글 위로 이동해.”
“연락처 섹션을 맨 위로 옮겨.”
추가적인 미세 조정이 필요한 경우 목록 보기를 사용하여 섹션을 수동으로 선택할 수 있습니다. 선택한 섹션과 함께 도구 모음이 나타나고, 섹션을 새 위치로 이동하기 위한 위쪽 및 아래쪽 화살표가 표시됩니다.
다음의 몇 단계만으로 원치 않는 섹션이나 요소를 삭제하세요.
- 제거하려는 섹션이나 요소를 클릭하세요.
- AI 프롬프트 상자를 엽니다.
- 프롬프트:
“홈페이지에서 FAQ 섹션을 제거해.”
“정보에서 추가 갤러리 블록을 삭제해.” - 변경 사항을 저장하려면 저장 버튼을 클릭하고, 변경 사항을 취소하려면 뒤로 화살표 아이콘을 클릭하세요.
블록을 선택하고 ⋮ 아이콘을 클릭한 다음 삭제 옵션을 선택하여 블록을 수동으로 제거할 수도 있습니다.
AI 웹사이트 구축의 가능성은 무한합니다. AI에게 요청할 수 있는 디자인 관련 변경 사항에 대한 샘플 프롬프트는 다음과 같습니다.
- 색 팔레트를 변경하여 파란색과 회색을 사용해.
- 모든 버튼을 둥글게 하고 파란색으로 만들어.
- 배경색을 흰색으로 업데이트해.
- 글꼴을 좀 더 현대적이고 산세리프체로 바꿔.
- 모든 제목에는 굵고 큰 글꼴을 사용해.
- 홈페이지에 히어로 섹션을 추가해.
- 레이아웃을 단일 열로 변경해.
- 소셜 링크가 먼저 표시되도록 푸터를 재구성해.
- 바닥글 위에 행동 촉구 섹션을 추가해.
- 메뉴 스타일을 세로 사이드바로 변경해.
- 헤더의 사이트 로고를 더 크게 만들어.
- 메인 콘텐츠 아래에 추천 글 섹션을 추가해.
- 갤러리 이미지에는 그리드 레이아웃을 사용해.
- 페이지 하단에 뉴스레터 가입 양식을 추가해.
- 탐색 모음을 고정해서 맨 위에 보이게 해.
- 섹션 사이에 더 많은 여백을 추가해.
- 모든 페이지의 모든 헤드라인을 가운데에 정렬해.
- 사이트 전체에 밝은 배경과 어두운 텍스트를 사용해.
- 이미지에 미묘한 그림자 효과를 추가해.
- 문단 사이의 간격을 늘려.
- 홈페이지의 섹션 순서를 변경해.
- 팀원 이미지를 원형으로 만들어.
- 페이지 배경에 다채로운 그라데이션을 사용해.
- 서비스 섹션에 아이콘을 추가해.
- 배경에는 부드러운 파스텔 색상을 사용해.
- 모든 제목을 손으로 쓴 스타일의 글꼴로 바꿔.
- 각 섹션 사이에 구분선을 추가해.
- 크고 굵은 글씨로 된 행동 촉구 버튼을 사용해.
- 제목을 모두 대문자로 작성해.
- 각 페이지 상단에 소개 섹션을 추가해.
지원 