LovableをWordPressに変換:html2wpアプリで順を追って
LovableのプロジェクトをGitHubからZIPでダウンロードし、アプリに追加して、FlashかFullを選びます。ガイドでは、アプリのインストール、サインイン、ページの確認を説明します。最後はWordPressへのテーマのアップロードです。全体にスクリーンショットを載せています。
html2wp / ガイド
ウェブサイトをWordPressに変換する方法は2つあります。MacとWindowsで使えるhtml2wpアプリなら、クリックで手順を進めるだけで、ターミナルは一切使いません。Claude CodeとCodex向けのプラグインなら、ターミナルでエージェントと一緒に作業します。どちらの方法にも、Lovableのプロジェクト用とClaude Designのデザイン用のガイドがあります。ガイドの内容はすべて、私たちが実際に行った変換に基づいています。
LovableをWordPressに変換:html2wpアプリで順を追って
LovableのプロジェクトをGitHubからZIPでダウンロードし、アプリに追加して、FlashかFullを選びます。ガイドでは、アプリのインストール、サインイン、ページの確認を説明します。最後はWordPressへのテーマのアップロードです。全体にスクリーンショットを載せています。
Claude Design エクスポートからWordPressテーマへ:html2wpアプリで
ClaudeのデザインをHTMLとしてフォルダに保存し、アプリで開いて変換を始めます。アプリがビルドするものがないので、テーマまでの最短ルートです。ガイドにはすべての手順のスクリーンショットがあります。
Lovable WordPress移行:プロジェクトを本物のテーマに変換
Lovableの古いプロジェクトはReactアプリです。ビルドして実際のブラウザーで動かすまで、そのHTMLには変換できる中身がありません。TanStack Startで動く新しいプロジェクトはサーバーで描画し、変換ツールはどちらにも対応します。こちらは長いほうのルートで、追加の手順も説明しています。実例も付いていて、元のサイトと変換後のサイトを開いて見比べられます。
Claude Design WordPress化:デザインをWordPressテーマに変換する方法
HTMLのアーティファクトは、変換ツールが求める入力そのものです。そのため、生成したデザインからテーマまでの最短ルートになります。ガイドでは、最初に確認すること、変換が代わりに決めてくれることを説明します。あとからページビルダーを使うと実際に何が変わるのかも示します。
ターミナルを使わず、クリック操作で各ページを元のサイトと並べて確認したいなら、アプリを選んでください。すでにClaude CodeやCodexで作業しているなら、プラグインが向いています。プロジェクトのフォルダで、1文で変換を始められます。
Lovable、Bolt、v0でサイトを作った場合、手元にあるのはReactアプリです。そのページはブラウザーの中で初めてできあがります。そのため変換には、プロジェクトをビルドし、各ルートを完成したHTMLとして保存する手順が加わります。この手順はLovableガイドで説明しており、Boltやv0でも同じように動きます。
完成したHTMLファイルがある場合は、ビルドするものがありません。たとえばClaudeのアーティファクトや手書きのサイトです。この場合、変換はすぐにページの解析から始まります。それを説明しているのがClaude Designガイドです。
どちらの場合も、結果は同じです。ZIPファイルに入った単体のWordPressテーマと、変換レポートです。クライアントに渡す前に、元のサイトと見比べます。デスクトップアプリの「Compare」(比較)タブで、1ページずつ確認します。変換ツールは、公開中のウェブサイトのアドレスを受け付けません。必ず、サイトの元になるファイルが入ったフォルダかZIPが必要です。
ガイドの数値は、実際の変換の出力から取っています。変換にかかる時間、無料枠の上限、ページを比較する画面幅などです。ご自身のプロジェクトで確かめて、私たちの説明と比べられます。あなたのサイトでの結果がガイドと違う動きをしたら、フォームからお知らせください。サイトをどのツールで作ったかも書き添えてください。
ガイドでは、変換の全工程をあえて繰り返していません。インストール、モデルの選び方、FlashとFullの違いはアプリのドキュメントで説明しています。お使いのコンピューターから何が送られるかも書いてあります。今すぐ試せます。無料枠では、最大5ページのサイトを3つまで変換できます。キーも登録も不要です。