AI로 홈페이지 만들기 — 초안은 AI, 문구 고치기는 편집 화면

위피스에 AI를 연결했다면 「우리 회사 소개 페이지를 만들어 줘」처럼 말로 홈페이지 초안을 맡길 수 있습니다. 초안을 만든 다음에는 홈페이지의 편집 단추로 문구와 사진을 직접 고치면 됩니다. 이 설명서는 AI가 만든 페이지를 편집 화면에서 그대로 고칠 수 있게, 그리고 위피스가 업데이트돼도 홈페이지가 그대로 남게 하는 방법을 다룹니다. AI 연결은 AI 앱을 위피스에 연결하기를 먼저 봅니다.

편집 화면이 다루는 모양

홈페이지 편집 화면은 페이지를 블록 단위로 다룹니다. 「글과 사진」, 「제목」, 「카드」, 「자주 묻는 질문」 같은 블록을 끌어다 놓고, 블록 안의 글자를 눌러 고치는 방식입니다. AI도 이 블록으로 페이지를 만들어야 사람이 나중에 같은 화면에서 고칠 수 있습니다.

AI가 블록 대신 웹 코드를 통째로 써 넣은 페이지는 화면에는 멀쩡해 보여도, 편집을 누르면 오류가 나거나 모양이 흐트러질 수 있습니다. 그래서 위피스는 AI가 홈페이지를 저장하기 전에 모양을 검사합니다.

위피스가 저장 전에 막는 것

막힌 AI는 아래 까닭과 고치는 길을 함께 받아서 대개 스스로 고쳐 다시 저장합니다. 관리자는 AI가 헤맨 곳의 거절 코드로 몇 번 막혔는지 볼 수 있습니다.

거절 코드	막는 것	대신 넣는 곳
`website_style_block`	페이지마다 따로 넣은 꾸밈 코드(`<style>`)	홈페이지 전체가 함께 쓰는 꾸밈 파일 한 곳. 편집 화면의 HTML / CSS 편집기가 보여 주는 그 파일입니다
`website_script`	페이지 안의 스크립트	방문 분석·채팅 상담 같은 코드는 홈페이지 설정의 코드 넣는 칸, 슬라이드·탭·지도 같은 동작은 블록으로
`website_structure`	블록으로 나뉘지 않은 페이지	페이지 본문을 블록 여러 개로
`website_size`	100KB가 넘는 페이지	꾸밈 코드를 공통 파일로 옮기고, 사진은 따로 올려 주소로 넣고, 길면 페이지를 나눕니다

글자 하나하나에 붙은 색·크기(편집 화면에서 직접 바꾼 것)는 막지 않습니다. 사람이 편집 화면의 코드 삽입 블록으로 넣은 코드도 그대로 둡니다. AI가 그 블록을 새로 만들거나 바꾸는 것만 막습니다.

AI에게 맡길 때 말하면 좋은 것

「위피스 홈페이지 블록으로 만들어 줘. 나중에 내가 편집 화면에서 문구를 고칠 거야.」
색과 글꼴은 페이지마다 따로 넣지 말고 홈페이지 공통 꾸밈에 한 번만 넣게 합니다.
다른 곳에서 옮겨 오는 홈페이지라면 「내용과 구성을 옮겨 오되, 코드는 그대로 붙이지 마」라고 합니다.
다 만들었으면 공개하기 전에 한 번 보여 달라고 합니다. AI는 공개 여부를 먼저 묻게 되어 있습니다.

만든 뒤 직접 고치기

홈페이지에서 고칠 페이지를 엽니다.
오른쪽 위 편집을 누릅니다.
고칠 글자를 눌러 고치고, 사진은 눌러서 바꿉니다. 블록은 왼쪽에서 끌어다 더합니다.
저장을 누릅니다.

사람이 고친 페이지를 AI에게 다시 맡길 때는 「지금 페이지를 읽고 이어서 고쳐 줘」라고 말합니다. 그래야 사람이 고친 문구 위에서 이어서 고칩니다.

위피스가 업데이트돼도 남습니다

AI가 홈페이지의 머리글·바닥글·첫 화면처럼 처음부터 있던 화면을 고치면, 위피스는 편집 화면과 같은 방식으로 그 홈페이지 전용 사본에 저장합니다. 그래서 위피스가 새 버전으로 올라가도 고친 내용이 그대로 남습니다. 업데이트할 때는 위피스가 모든 회사의 공개 페이지를 업데이트 전후로 자동으로 열어 보고, 달라진 곳이 있으면 확인합니다.

이미 만든 페이지 정리하기

검사가 생기기 전에 AI가 만든 페이지에는 꾸밈 코드나 스크립트가 페이지마다 들어 있을 수 있습니다. 이런 페이지는 편집을 누르면 오류가 나고, AI가 문구를 고치려 해도 저장이 막힙니다. 쓰시는 AI에게 「위피스 안내대로 홈페이지 정리해 줘」라고 말하면 AI가 아래 순서대로 정리합니다.

정리할 페이지 목록을 보여 주고 진행해도 되는지 묻습니다.
페이지마다 정리 전 상태를 따로 보관합니다. 파일로 받아 두거나, 위피스 안에 첨부로 남겨 둡니다. 모양이 달라지면 이것으로 되돌립니다.
페이지에 들어 있던 꾸밈 코드를 홈페이지 공통 꾸밈 파일로 옮깁니다. 여러 페이지에 똑같이 들어 있던 규칙은 한 번만 넣습니다. 움직임과 휴대폰 화면 규칙도 함께 옮겨 보이는 모습은 그대로입니다.
검색·지도 핀처럼 그 페이지 안에서만 움직이는 스크립트는 홈페이지 설정의 코드 넣는 칸(편집 → 테마 → 코드 삽입)으로 옮깁니다. 옮기기 전에 어떤 코드인지 보여 주고 묻습니다.
본문을 편집 화면이 다루는 블록으로 나눠 다시 저장합니다. 글과 사진은 바뀌지 않습니다.
PC와 휴대폰에서 정리 전과 같은지 봐 달라고 부탁합니다. 이어서 편집을 눌러 글자 하나를 고치고 저장이 되는지 확인합니다.

한 페이지를 끝까지 정리하고 확인한 다음 다음 페이지로 넘어갑니다. 홈페이지를 영어 같은 다른 언어로도 운영한다면, 정리한 뒤 편집 화면의 번역에서 그 언어 문구를 한 번 확인합니다.

옮길 수 없는 기능도 있습니다. 페이지 내용을 스스로 바꾸는 스크립트나 다른 파일을 불러오는 스크립트가 그렇습니다. 이런 기능은 AI가 정리 도중에 알려 줍니다. 슬라이드·탭·지도 같은 블록으로 AI와 다시 만들 수 있고, 편집 화면의 코드 삽입 블록으로 직접 넣을 수도 있습니다. 직접 하기 어렵거나 기능을 새로 만들어야 하면 위피스에 견적을 요청하세요.

알아 둘 점

꾸밈 파일은 통째로 바뀝니다. 공통 꾸밈 파일은 저장할 때 파일 전체가 새 내용으로 바뀝니다. AI는 저장하기 전에 지금 내용을 먼저 읽고 합쳐서 저장합니다. 사람이 HTML / CSS 편집기에서 고친 규칙도 그대로 남습니다.
AI는 새 대화에서 시작하면 좋습니다. 위피스가 새로 넣은 정리 순서는 바로 쓰이지만, 오래 열어 둔 대화는 예전 도구 설명을 기억하고 있을 수 있습니다.
홈페이지를 공개하기 전에는 홈페이지 오픈 전 점검을 한 번 거칩니다.

이어서 볼 설명서

이 페이지가 도움이 됐나요?