워드프레스를 처음 시작한 지 어느덧 12년이 되었습니다.
그동안 기업 홈페이지, 병원, 쇼핑몰, 개인 브랜드 사이트 등
약 570건 이상의 워드프레스 사이트를 제작해왔고,
워드프레스 관련 서적도 총 12권을 집필해왔습니다.
오랜 시간 워드프레스를 다뤄오면서 느낀 점은 분명합니다.
워드프레스는 여전히 강력하지만,
이제는 AI와 결합했을 때 진짜 효율이 나온다는 점입니다.
그래서 홍마리오는
기존 워드프레스 제작 노하우에
AI + 워드프레스를 결합한
새로운 웹사이트 제작 서비스를 시작하게 되었습니다.
아스트라 AI + ZIPWP 활용 제작 사례 ① 마리오스킨케어
이번 글에서는
아스트라 AI + ZIPWP를 활용해 제작한
마리오스킨케어 사이트 제작 과정을 정리해보겠습니다.
1. 로고 제작
사이트 제작의 시작은 언제나 로고입니다.
처음에는 다양한 로고 제작 AI 툴을 사용해보았습니다.
하지만 결과는 솔직히 만족스럽지 않았습니다.
무료 버전은 기능에 한계가 있었고,
유료 버전은 대부분 매월 정기 결제를 요구해
단발성 프로젝트 기준으로는 가성비가 좋지 않았습니다.
그래서 제미나이와 챗GPT를 비교해 사용해보았습니다.
제미나이는 디자인 결과는 괜찮았지만,
이상하게도 PNG 파일 생성이 되지 않는 문제가 있었습니다.
로고는 투명 헤더 적용을 위해
PNG 파일이 거의 필수이기 때문에,
결국 로고 제작은 대부분 챗GPT를 활용하게 되었습니다.
프롬프트는 매우 간단합니다.
“MARIO SKIN CLINIC 로고 제작해줘.
색상은 #C74382, 가로 사이즈는 300px 정도”
이렇게 요청하면
실무에서 바로 활용 가능한 로고 결과물을 얻을 수 있습니다.
📌
2. 카페24 호스팅 워드프레스 세팅
카페24에서 워드프레스 매니지드 호스팅을 신청하면
워드프레스 최신 버전과 PHP 버전이 자동으로 세팅됩니다.
서버 환경을 직접 설정할 필요가 없기 때문에
사이트 제작에만 집중할 수 있다는 점이 큰 장점입니다.
초기화된 상태로 사이트에 접속하면
아무런 콘텐츠가 없는
기본 워드프레스 화면을 확인할 수 있습니다.
3. 아스트라 테마 설치
아스트라 테마는 무료로도 설치가 가능합니다.
다만 무료 버전은
설치 횟수나 AI 기능에서 제한이 있는 경우가 종종 있습니다.
실무에서는 갑자기 설치가 되지 않거나,
기능이 제한되는 상황이 발생할 수 있기 때문에
저는 안정적인 제작을 위해 유료 아스트라 테마를 사용하고 있습니다.
4. 엘리먼트 플러그인 설치
웹에이전시를 운영하고 있어
개인적으로 엘리먼트 프로 연간 라이선스를 보유하고 있습니다.
아스트라 테마를 효율적으로 수정하고,
클라이언트 요청에 빠르게 대응하려면
엘리먼트 페이지 빌더는 거의 필수라고 생각합니다.
따라서 워드프레스 세팅 후
반드시 엘리먼트 플러그인을 설치합니다.
5. 아스트라 AI 웹사이트 빌더 실행 및 프롬프트 작성
엘리먼트 플러그인을 설치하면
관리자 화면에서
[아스트라] → [AI 웹사이트 빌더] 메뉴가 활성화됩니다.
AI 웹사이트 빌더를 실행하기 전,
제작하고 싶은 사이트에 대한 프롬프트가 필요합니다.
프롬프트는
제미나이, 챗GPT 중 어느 것을 사용해도 무방합니다.
아주 디테일하게 작성해도,
비교적 심플하게 작성해도
현재 단계에서는 큰 차이는 느껴지지 않았습니다.
6. 엘리먼트 및 이미지 선택
아스트라 기본 설정은 블록 편집기이기 때문에
반드시 엘리먼트를 선택해야 합니다.
그 다음으로 사이트 주제에 맞는 이미지를 선택합니다.
보통 15~20장 정도 선택하며,
마음에 드는 이미지가 없다면
유사 키워드로 다시 검색하는 방식이 좋습니다.
7. 테마 디자인 선택
테마 디자인 단계에서는
무료 버전과 유료 버전이 함께 제공됩니다.
무료 버전은 디자인 선택에 한계가 있어
저는 유료 테마 디자인을 사용하고 있습니다.
약 50개 정도의 샘플 중 하나를 선택한 뒤,
기본 컬러와 폰트를 설정할 수 있습니다.
8. ZIPWP 연동으로 사이트 제작 완료
테마 디자인 선택이 끝나면
ZIPWP와 연동하여 실제 사이트에 적용하게 됩니다.
연동 후 몇 초만 기다리면
AI 웹사이트가 자동으로 완성됩니다.
“사이트가 짠~ 하고 만들어지는 순간”을
직접 경험할 수 있습니다.
9. 사이트 수정
아스트라 AI 기반 사이트는
영어 중심으로 제작되기 때문에
한글 문장이 밀리거나 어색한 부분이 발생합니다.
이런 부분은
엘리먼트 편집기를 활용해
텍스트와 이미지를 손쉽게 수정할 수 있습니다.
필요한 문구는
챗GPT나 제미나이를 활용해 보완하면 됩니다.
10. 사이트 오픈
사이트 수정이 완료되면
PC / 모바일 환경을 모두 체크합니다.
그 후 도메인을 연결해
사이트를 오픈하면 됩니다.
이번에 제작한 사이트는
아래 주소에서 확인하실 수 있습니다.
👉 https://hongma001.mycafe24.com/
현재 동일한 방식으로 제작된 사이트는
001~012 (기본 아스트라 이미지 사용),
013~024 (게티이미지뱅크 라이선스 이미지 사용)으로
총 24개 + 블로그 사이트 포함 25개가 운영 중입니다.
현재 최저가 5만 원부터 제공하고 있으니
AI 웹사이트 제작에 관심 있는 분들은 참고하시기 바랍니다.