無料で登録
LovableからWordPressへ

Lovableから​WordPressへ。​アプリを​編集できるテーマに。

Lovableで作りましたか？　LovableからWordPressへの変換は、transjtが自動で行います。Reactアプリが本物のPHPテンプレートを備えたネイティブテーマになるので、文章を書く担当者が、変更のたびにチケットを切る必要はなくなります。

無料で始めるデモを予約

プレビュー後にお支払い

transjtのブロックで作られたホームページを表示したWordPressのブロックエディター。横にはブロックの一覧が並んでいます

代理店、フリーランス、マーケティングチームに選ばれています

変換すべきとき

Lovableを​WordPressに​変換すべきとき

チームがLovableのアプリを手でテーマに作り直す代わりに、transjtを選ぶ6つの場面。

  • 作ったのはアプリ。必要なのはWebサイト。

    Lovableは、プロンプトを動くReactアプリにするのが得意です。しかし、マーケティングサイトには、デプロイなしで誰かが編集できるページが必要です。transjtがリポジトリをWordPressテーマに変換すれば、それ以降、チームはWordPressでサイトを運用できます。

  • 今は文章を変えるたびにコードの変更が必要

    今は、見出しを直すたびにコンポーネントを編集して再デプロイしています。サイトをWordPressに変換すれば、その見出しはエディターの中にあります。ライターが自分で変更でき、誰もリポジトリに触れません。

  • 開発者ではないし、なるつもりもない

    Lovableでコードを書かずにここまで来たのに、仕上げのためにWordPress開発者を雇うのはあまり意味がありません。transjtなら、テーマが自社のホスティングで公開されるまで、すべてノーコードのままです。

  • ホスティングは借りずに自分で持ちたい

    ビルダーのインフラに留まると、サイトは他社のプラットフォームに依存します。WordPressテーマなら、自社のドメインとサーバーなど、好きな場所で動かせ、あなたと訪問者の間にプラットフォームが入ることはありません。

  • SEOには、シングルページアプリ以上のものが必要

    クライアントサイドでレンダリングするReactアプリでは、クロール、メタ情報の管理、構造化されたコンテンツが必要以上に難しくなります。WordPressはその3つすべてに標準で対応しており、transjtはLovableのデザインを作り直すことなくそのまま移します。

  • 必要なのは個別開発ではなく、プラグイン

    WordPressには、フォーム、アクセス解析、会員機能、多言語のプラグインがすでにあります。Reactアプリでは、そのどれもが個別開発です。変換すれば、Lovableのデザインでそのプラグインカタログをすべて使えます。

計算してみる

Lovableで​いくつの​コンポーネントを​作りましたか？

transjtでサイトを公開

費用を節約
$8,100*
時間を節約
81時間*手作業で10.1作業日
すぐに結果が出る
1.5〜3時間*テーマ全体で
無料で始める

*手作業でReactからWordPressへ移行する場合の時間をもとにした概算です。1コンポーネントあたり約4.5時間、時給$100、1日8時間で計算しています。transjtなら約1.5〜3時間で、リポジトリからテーマを構築します。

仕組み

Lovableを​4ステップで​WordPressへ​エクスポート。

GitHubを経由して、LovableのプロジェクトからネイティブなWordPressテーマへ。

  1. Lovableでサイトを作る

    デザインが仕上がるまで、プロンプトを入れて調整します。変換向けに作られたWebサイト用プロンプトから始めてください。LovableはもともとViteベースのReactを出力し、それがまさにtransjtが変換する形式です。一部のAIビルダーと違い、ここでは回避すべきスタックの制約はありません。

  2. LovableをGitHubと同期

    Lovableに組み込まれたGitHub連携で、プロジェクトをリポジトリにプッシュします。ここからはtransjtが引き継ぎます。リポジトリには、テーマの元になったデザインのバージョン履歴が残ります。

  3. リポジトリをtransjtに接続

    transjtのプロジェクトでGitHubを認可し、リポジトリを選択します。transjtはコンポーネントの構造を読み取り、どの部分をテンプレートにし、どの部分を編集できる領域にするかを判断します。

  4. WordPressへエクスポート

    WordPressを選び、プレビューを確認します。確定すると、transjtがテーマフォルダーを生成し、ほかのテーマと同じようにインストールできます。中身はPHPテンプレートとネイティブなマークアップで、表示にページビルダーのプラグインは必要ありません。

無料で始めるデモを予約
Lovable以外にも

ほかの​コーディングツールも​接続できます。

すべてのAIビルダーを1ページにまとめています：AIからWordPressへ。

お客様の声

お客様の声。

アーティストのアトリエで机に向かう男性お客様
“We’d seen plenty of tools promise magic for page and theme creation, but they always under-delivered. Transjt proved to be the exception.”
KevinThinkFuel
  • 95–99%完成コードの割合（構成の整ったファイルの場合）
  • ∞取り込めるAIビルダー（Figmaにも対応）
  • 2ネイティブ対応のCMS：HubSpotとWordPress
  • 1クリックでエクスポート。数分後にはテーマがアカウントに届きます
得られるもの

Lovableで​作ったサイトを​WordPressへ​移しませんか？

Lovableから変換したWordPressテーマの中身

WordPressがWebの大きな割合を支えているのは、テーマ層がオープンで、それ以外のほとんどをプラグインのエコシステムが解決してくれるからです。ただし、Reactアプリをそのテーマ層に載せるには、通常、開発者がコンポーネントをPHPとして手で書き直す必要があります。transjtはその変換を自動で行うので、アプリを埋め込むのではなく、Lovableのデザインを普通のWordPressテーマとしてインストールできます。

無料で始めるデモを予約
対象

企業、​代理店、​フリーランスの​ために。

明るいオフィスのロビーでタブレットを持って微笑むビジネスウーマン企業社内チームでWebサイトのリニューアルを進められます。長い木のテーブルを囲んで打ち合わせをするチーム代理店チームを増やさずに、クライアントのサイトを完璧に仕上げます。共有スタジオでノートパソコンに向かう、眼鏡に赤いニット帽のデザイナーフリーランスtransjtがプロジェクトを作っている間、チャイラテでもどうぞ。
FAQ

Lovableから​WordPressへの​FAQ。

LovableのプロジェクトをWordPressテーマに変換する前に知っておきたいこと。

デモを予約

  • Lovableは、プロンプトを動くReactアプリにして、GitHubに同期します。transjtはそのリポジトリを引き継ぎ、フロントエンドをネイティブなWordPressテーマに変換するので、受け渡しの間に開発者を挟む必要はありません。

  • LovableはもともとViteベースのReactを出力し、それがまさにtransjtが変換する形式なので、ほとんどの場合は何も変える必要がありません。プロンプトでLovableにNext.jsやサーバーサイドレンダリングを追加させた場合は、変換前に、シンプルなReactとViteの構成にするよう指示してください。

  • はい。GitHubが橋渡し役のままなので、Lovableで作業を続け、変更をプッシュし、transjtをもう一度実行すればテーマに反映されます。WordPress内で編集したコンテンツはデータベースに保存されているので、再変換で上書きされることはありません。

  • はい。transjtはコンポーネントをセマンティックなPHPテンプレートに変換し、コンパイル済みのスタイルをそのまま引き継ぐので、レイアウト、余白、タイポグラフィがLovableのプレビューと同じように表示されます。

  • いいえ。出力されたテーマは、ほかのテーマと同じようにWordPressの管理画面からインストールできます。ホスティングとWordPressの環境は必要ですが、PHPを書ける人は必要ありません。

  • LovableのプロジェクトをGitHubに同期すれば、ページ数にもよりますが、transjtは通常数時間で、公開できるWordPressテーマを用意します。

今日​デザインして、​明日​公開。

transjtでは一秒一秒が大切です。だから私たちの使命はシンプル。あなたの時間を節約し、ワークフローの手間をなくすことです。

無料で始めるデモを予約