html2wp 홈페이지html2wp.dev
요금 보기

html2wp / 가이드

가이드: 웹사이트를 WordPress로 변환하는 방법

웹사이트를 WordPress로 변환하는 방법은 두 가지입니다. Mac과 Windows용 html2wp 앱에서는 단계를 클릭해 따라가기만 하면 되고 터미널은 필요 없습니다. Claude Code와 Codex용 플러그인을 쓰면 터미널에서 에이전트와 함께 작업합니다. 각 방법마다 Lovable 프로젝트용 가이드와 Claude Design 디자인용 가이드가 하나씩 있습니다. 가이드의 모든 내용은 저희가 실제로 실행한 변환을 바탕으로 합니다.

html2wp 앱으로

Claude Code와 Codex용 플러그인으로

React 입력 · 2026년 10월 5일

Lovable을 WordPress로: 프로젝트를 실제 테마로 변환하기

예전 Lovable 프로젝트는 React 앱입니다. 빌드해서 실제 브라우저에서 실행하기 전까지 그 HTML에는 변환할 내용이 없습니다. TanStack Start로 만든 새 프로젝트는 서버에서 렌더링하며, 변환기는 두 가지를 모두 처리합니다. 이 가이드는 더 긴 경로를 다루며, 추가되는 단계도 설명합니다. 원본 사이트와 변환된 사이트를 직접 열어 비교할 수 있는 예시도 있습니다.

정적 HTML · 2026년 10월 5일

Claude Design에서 만든 디자인을 WordPress로 변환하는 방법

HTML 아티팩트는 변환기가 원하는 입력 그대로입니다. 그래서 생성된 디자인에서 테마까지 가는 가장 짧은 경로입니다. 가이드는 시작할 때 무엇을 확인해야 하는지, 변환이 대신 결정해 주는 것은 무엇인지 설명합니다. 변환 후에 페이지 빌더를 쓰면 실제로 무엇이 달라지는지도 보여 줍니다.

나에게 맞는 가이드 고르기

터미널 없이 클릭으로 작업하면서 모든 페이지를 원본과 나란히 보고 싶다면 앱을 고르세요. 이미 Claude Code나 Codex에서 작업하고 있다면 플러그인을 고르세요. 플러그인에서는 프로젝트 폴더 안에서 문장 하나로 변환을 시작합니다.

Lovable, Bolt, v0로 사이트를 만들었다면 그 결과물은 React 앱입니다. 이런 앱의 페이지는 브라우저 안에서만 만들어집니다. 그래서 변환에는 프로젝트를 빌드하고 각 경로를 완성된 HTML로 저장하는 단계가 하나 더 들어갑니다. 이 단계는 Lovable 가이드에서 설명하며, Bolt와 v0에서도 똑같이 작동합니다.

Claude의 아티팩트나 직접 작성한 사이트처럼 완성된 HTML 파일이 있다면 빌드할 것이 없습니다. 이 경우 변환은 바로 페이지 분석부터 시작하며, Claude Design 가이드가 이 과정을 설명합니다.

어느 쪽이든 결과는 같습니다. ZIP 파일로 된 독립형 WordPress 테마와 변환 보고서입니다. 클라이언트에게 넘기기 전에 결과를 원본과 비교하세요. 데스크톱 앱의 "Compare"(비교) 탭에서 페이지별로 확인할 수 있습니다. 변환기는 운영 중인 웹사이트의 주소를 받지 않습니다. 사이트를 구성하는 파일이 담긴 폴더나 ZIP이 항상 필요합니다.

가이드에 나오는 수치는 실제 변환의 출력에서 가져왔습니다. 변환 시간, 무료 요금제의 한도, 페이지를 비교하는 화면 너비가 여기에 포함됩니다. 그러니 직접 프로젝트로 확인하고 저희 설명과 비교해 볼 수 있습니다. 내 사이트에서 결과가 가이드와 다르게 나오면 문의 양식으로 알려 주세요. 사이트를 어떤 도구로 만들었는지도 함께 적어 주세요.

가이드는 변환 과정 전체를 일부러 반복하지 않습니다. 설치, 모델 선택, Flash와 Full의 차이는 앱 문서에서 다룹니다. 어떤 데이터가 내 컴퓨터를 떠나는지도 문서에 나와 있습니다. 지금 바로 써 볼 수 있습니다. 무료 요금제는 키나 가입 없이 최대 5페이지짜리 사이트 3개를 변환합니다.

html2wp 무료로 써 보기