無料で登録
Builder.ioからWordPressへ

Builder.ioから​WordPressへ。​SDKなしの​ネイティブテーマ。

Builder.ioでデザインしましたか？　Builder.ioからWordPressへの変換は、transjtが自動で行います。ビジュアルエディターで作ったサイトが、本物のPHPテンプレートを備えたネイティブテーマになり、ベンダーのSDKを通さずに自社のサーバーから表示されます。

無料で始めるデモを予約

プレビュー後にお支払い

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

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

変換すべきとき

Builder.ioを​WordPressに​変換すべきとき

Builder.ioのデザインを、自分で所有するWordPressテーマにすべき6つの場面。

  • 2つのコンテンツシステムに料金を払っている

    ブログがすでにWordPressで動いていて、チームも使い慣れているなら、Builder.ioも残すことは、請求が1つ増え、ページを2か所で管理することを意味します。変換すれば、デザインは、どのみち使い続けるつもりだったWordPressに移ります。

  • ページが他社のSDKを通して表示されている

    Builder.ioのコンテンツは、SDKとAPIを通じて訪問者に届きます。変換したテーマは、自社のサーバーから表示されます。リクエストとページの間に入るシステムが減り、その経路に、他社の障害で壊れるものはなくなります。

  • シート課金で、編集できる人が限られている

    シート単位の料金体系では、サイトに触れられる同僚の数が費用で決まります。WordPressのユーザーは無料なので、ページを編集すべき人に、そのままアカウントを渡せます。

  • 難しい部分はVisual Copilotがすでに済ませた

    Builder.ioは、FigmaファイルからクリーンなReactを作るのがとても得意です。transjtはそのReactの出力をWordPressのテーマファイルに変換するので、コードは生成元のプラットフォームに縛られなくなります。

  • コンテンツを持ち運べるようにしたい

    独自仕様のビジュアルCMSの中でモデル化したコンテンツは、移すのが大変です。WordPressに変換すれば、ページはデータベースとテーマフォルダーに収まります。どちらもバックアップでき、ホスティングを変えるときや、サイトを別の代理店に引き渡すときにも持って行けます。

  • 次に出てくる3つの課題は、プラグインのエコシステムで解決

    ヘッドレスCMSでは、多言語サイト、会員機能、SEOツール、同意管理のそれぞれに連携作業が必要です。WordPressなら、どれも半日で済みます。変換すれば、Builder.ioのデザインでそのプラグインカタログをすべて使えます。

計算してみる

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

transjtでサイトを公開

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

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

仕組み

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

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

  1. Builder.ioでデザインして生成

    ビジュアルエディターで作るか、Visual CopilotでFigmaファイルを取り込みます。選べる場合は、ReactとViteの構成でエクスポートしてください。transjtは、この構成を最もきれいにテーマファイルへ変換できます。

  2. 生成されたコードをGitHubにプッシュ

    Builder.ioが出力したReactをリポジトリに移します。この手順までは、デザインはBuilder.ioのプラットフォーム上のレコードです。この手順の後は、自分で保持するコードになります。

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

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

  4. WordPressへエクスポート

    WordPressを選び、プレビューを確認します。確定すると、transjtがテーマフォルダーを生成するので、WordPressの管理画面からインストールします。テーマはネイティブに表示され、ページにBuilder.ioのSDKは入りません。

無料で始めるデモを予約
Builder.io以外にも

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

すべての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クリックでエクスポート。数分後にはテーマがアカウントに届きます
得られるもの

Builder.ioの​デザインを​WordPressへ​移しませんか？

Builder.ioから変換したWordPressテーマの中身

WordPressがWebでシェアを保っているのは、テーマ層がオープンで、インストールが自分のものだからです。ビジュアルエディターで作ったReactのフロントエンドをそのテーマ層に移すには、通常、開発者がコンポーネントを手作業でPHPに書き直す必要があります。チームが、もう合わなくなったプラットフォームにとどまり続けるのは、この手作業の書き直しのせいです。transjtはこの書き直しを自動化するので、Builder.ioのデザインは、自分でインストールして所有するWordPressテーマになり、Builder.ioからコンテンツとして借り続ける必要はなくなります。

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

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

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

Builder.ioから​WordPressへの​FAQ。

Builder.ioのデザインをWordPressテーマに変換する前に知っておきたいこと。

デモを予約

  • Builder.ioは、ビジュアルデザインやFigmaファイルからReactを生成します。transjtはそのコードをGitHubから読み込み、ネイティブなWordPressテーマに変換するので、デザインは普通のテーマファイルとして、プラットフォームの外に出ます。

  • いいえ。変換したテーマは自社管理のホスティング上のWordPressから表示され、実行時にBuilder.ioに依存しないので、SDKもAPI呼び出しもありません。Builder.ioをリクエストの経路に入れずに、デザインツールとして使い続けられます。

  • はい。Visual Copilotの役割は、デザインから構造化されたReactを作ることで、それはまさにtransjtが想定する入力です。サーバーサイドレンダリングなしのReactとViteの構成でエクスポートすれば、変換は簡単です。

  • transjtが変換するのはフロントエンドだけで、コンテンツのレコードには触れません。デザインの中に配置したテキストと画像は移りますが、Builder.ioのデータとしてモデル化したものは、通常は投稿やカスタムフィールドとして、別途WordPressへ移行する必要があります。

  • はい。Builder.ioでデザインを続け、再生成したコードを同じリポジトリにプッシュして、transjtをもう一度実行してください。WordPress内で編集したコンテンツはデータベースに保存されており、再変換後もそのまま残ります。

  • 生成したコードがGitHubにあれば、ページ数にもよりますが、transjtは通常数時間で、公開できるWordPressテーマを用意します。

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

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

無料で始めるデモを予約