AIでDiviサイトをリデザインする方法

はじめに

Diviは、コードを書かずにWordPressサイトを作れる人気のツールです。しかし既存のDiviサイトをリデザインしたい場合、その作業は非常に手作業に頼ることになります。ビジュアルビルダーを開き、モジュール設定を使ってすべての変更を自分で行う必要があります。

AIツールは今では十分に進化しており、WordPressを手作業で管理することなくウェブサイトを構築できます。チャットウィンドウでAIに伝えるだけで、サイトのあらゆる部分を変更できます。すでにDiviサイトを持っている場合は、ゼロから作り直す代わりに、コンテンツを自動で移行できます。

このガイドでは、Repaintという新しいAIツールでDiviサイトをリデザインする方法をご紹介します。

なぜAIを使ってDiviサイトをリデザインするのか？

最大の違いは編集体験です。Diviではセクション、行、モジュールを選択し、その設定パネルを通じて変更を行います。Repaintでは、変更したい内容を入力するだけでAIがそれを適用します。ページの一部だけを更新することも、サイト全体に同じ変更を反映させることもできます。

2つ目の違いはメンテナンスです。Repaintはプラットフォームの管理をすべて引き受けます。ホスティングアカウントを維持したり、WordPressのプラグインを最新の状態に保ったりする必要はもうありません。

Diviはレイアウトをエクスポートできますが、そのファイルはDiviサイト間で移動させるために設計されています。別のプラットフォームに移る場合、これまではやはり手作業でサイトを作り直す必要がありました。Repaintは代わりに公開中のサイトから作業するため、Diviのエクスポートを必要とせずにコンテンツを移行できます。

AIによるウェブサイト移行の仕組み

Repaintは訪問者と同じように公開中のDiviサイトにアクセスします。テキストを読み取り、画像をダウンロードし、レイアウトを把握するために各ページのスクリーンショットを撮ります。その素材をもとにサイトを再構築します。その後は、AIとのチャットで変更を加えていきます。DiviのエクスポートファイルもWordPressダッシュボードへのアクセスも必要ありません。また、Divi側は一切変更されません。

始めることに何も縛られることはありません。構築中もDiviサイトは公開されたままで、ドメインを新しいサイトに向けるまで訪問者はこれまで通りそこに到達します。途中でやめても、何も変わりません。

ステップ1: コンテンツをインポートする

まず、公開中のDiviサイトのURLが必要です。

1. AIウェブサイトリデザインツールにアクセスします。
2. DiviサイトのURLを貼り付けて送信します。
3. Repaintのアカウントを作成します。

Diviテーマを使っている場合でも、Diviビルダープラグインを別のWordPressテーマと組み合わせて使っている場合でも、公開されているDiviサイトであれば利用できます。ホスティングプロバイダーは関係ありません。スキャンで何か抜けているものがあれば、チャットで追加するか、ファイルとしてアップロードできます。

大規模なサイトの場合、まず主要なページと代表的なブログ記事をいくつかインポートするのが最善です。Repaintは既存サイトの規模を考慮してプランを立てるため、最初のパスですべてを再構築しない場合があります。レイアウトが問題なければ、残りの記事をその後バッチでインポートできます。これにより、デザインを確認する前に大きなインポート1回で無料枠の利用上限に達してしまうことも防げます。

ステップ2: サイトを生成する

Repaintはサイトと変更したい内容について会話を始めます。そして、あなたの指示とコンテンツをもとに新しいサイトの最初のバージョンを構築します。すべてを事前に決める必要はありません。最初のバージョンが完成したら、チャットを通じてさらに形作っていくことができます。

スタイルを選ぶ

Repaintはさまざまな情報源からデザインの方向性を取り入れることができます。例えば、

• 現在のDiviデザイン
• 気に入っている他のウェブサイト
• Repaintが生成したスタイルサンプル
• Facebook、Instagram、Google Businessのコンテンツ
• PDFやPowerPointなどのファイル
• 希望するスタイルの説明

Repaintはこれらの情報源を組み合わせながら、ブランドカラーとロゴを維持できるため、サイトは引き続き自分のビジネスらしく感じられます。

結果を確認する

小規模なビジネスサイトの最初のバージョンは、通常数分で生成されます。ページや記事が多いサイトはもう少し時間がかかります。

最初のバージョンが完成したら、既存のDiviコンテンツが新しいレイアウトにどう収まっているかを確認できます。いくつかの細部を調整する必要があるのは普通のことで、チャットを通じて行えます。

ステップ3: 調整を加える

ほとんどの調整は、サイトを作成したときと同じ会話の中で行います。変更したい内容を説明すると、Repaintが結果を見せてくれます。意図と違っていた場合は、何を変えたいかを説明すればRepaintが修正します。

まず全体の構造とビジュアルスタイルを固めるのがおすすめです。これらの大きな判断はその後のすべてに影響するためです。土台がしっかりしてくれば、細部はより対応しやすくなります。パソコンとスマートフォンの両方で最終確認を行うと、想定通りに調整されなかった箇所を見つけられます。

Repaintは背後にあるDiviのモジュールやWordPressのプラグインをコピーするのではなく、公開されているサイトそのものを再構築します。Diviのお問い合わせフォームは、送信内容をメールに届ける新しいフォームに置き換えることができます。外部サービスの機能は、埋め込みコードやリンクをチャットで共有すれば、たいてい再接続できます。

SEOの確認

Repaintは各ページがDiviでどのように組み立てられていたかを維持する必要はありませんが、公開URLは維持すべきです。検索順位は個々のページURLに紐づいているため、サイトを移行する際に動作しているURLを変更すると、そのページが積み上げてきた履歴を失う可能性があります。

役立つ最終チェックは、旧サイトと新サイトのパスを比較することです。一致しないものはRepaintに再現してもらえます。WordPressのSEOプラグインがページタイトルや説明文を制御していた場合は、それらにも注意を払う価値があります。ウェブサイトリデザインSEOガイドで全体のプロセスを解説しています。

ステップ4: 公開する

公開するまで、新しいサイトは自分だけが見られる非公開の下書きです。右上の「公開」をクリックすると、sites.repaint.comで終わる無料アドレスでRepaintがサイトをオンラインにします。これは実際に動作するウェブサイトなので、スマートフォンで開いたり、他の人にフィードバックを求めて共有したりできます。

その後は、公開するたびに最新の変更が同じRepaintアドレスで反映されます。これらの更新は新しいサイトにのみ影響します。Diviサイトが変更されることはありません。作業中は両方のサイトが別々のアドレスで公開され続けます。新しいサイトに切り替えるまで、訪問者はメインドメインでDiviサイトを見続けます。

ステップ5: ドメインを接続する

最後のステップは、ドメインをRepaintに向けることです。DiviはWordPressのテーマ兼ページビルダーであり、ドメイン自体は管理しません。Diviホスティングもまた、Elegant Themesではなくホスティングパートナーによって提供されます。DNS設定は、そのホスティング会社または別のドメインレジストラで管理されています。ドメインは今の登録先にそのまま残せます。変更が必要なのは、サイトの読み込み先を制御するレコードだけです。

ドメインを接続する準備ができたら、Repaintが利用しているプロバイダー向けの正確なDNSレコードと手順を教えてくれます。ドメインの登録先に応じて、ステップバイステップで案内することもできます。カスタムドメインの接続には有料プランが必要です。最新の詳細は料金ページをご覧ください。

更新は通常20分程度で反映されますが、場合によってはもう少しかかることがあります。Repaintは新しいサイトがドメイン上で有効になったタイミングを確認できます。切り替えが完了した後、旧WordPressホスティングがメールなど他のサービスも提供していない場合は、そのホスティングを解約できます。不要になったDiviのサブスクリプションも解約できます。ドメインの登録は有効なままにしておく必要があります。

まとめ

Diviを離れることは、もはや別のWordPress環境の中でサイトを作り直すことを意味しません。Repaintは既存のサイトをインポートし、チャットを通じてそれを作り直すことを可能にします。ドメインを移すまで、Diviのバージョンは公開されたままです。

よくある質問

Diviからの移行にはどのくらい時間がかかりますか？

コンテンツのインポートと最初のバージョンの生成には通常3〜10分かかります。その後はDiviサイトの規模と、どれだけ変更したいかによって変わります。ほとんどの中小企業のサイトは同日中に完了します。

DiviテーマやDiviビルダープラグインを使ったサイトもインポートできますか？

はい。Repaintは公開中のサイトから作業するため、Diviテーマで構築されたサイトも、別のWordPressテーマ上のDiviビルダープラグインで構築されたサイトもインポートできます。新しいサイトはWordPressではなくRepaint上で動作します。

RepaintはWordPressサイトを作りますか？

いいえ。RepaintはWordPressの代替であり、WordPressテーマを生成するツールではありません。新しいサイトをホストし、既存のドメインとコンテンツを維持したままチャットで編集できるようにします。サイトがWordPressのプラグインやバックエンド機能に依存していない限り、その下にWordPressは必要ありません。

Diviのレイアウトをエクスポートする必要はありますか？

いいえ。Repaintは公開中のサイトをスキャンするため、Diviのレイアウトエクスポート、WordPressのバックアップ、ダッシュボードへのアクセスは必要ありません。公開されているサイトが情報源になります。

現在のDiviのデザインをコピーできますか？

はい。Repaintは公開中のDiviサイトを視覚的な参考として使い、おおむね同じ見た目を再現できます。最初のバージョンはピクセル単位で完全に一致するわけではありませんが、違いはチャットで調整できます。まったく新しいデザインをRepaintに依頼することもできます。

Diviのモジュールや拡張機能は引き継がれますか？

Diviのモジュールは、ページにコンテンツや機能を追加するための部品です。Repaintは訪問者に見える部分を、そのコンテンツとデザインも含めて再現します。データを送信したり別のサービスに接続したりするものは自動では引き継がれませんが、埋め込みコードやリンクを使って再現・再接続できることがほとんどです。

Diviのお問い合わせフォームは引き続き機能しますか？

通常のDiviのお問い合わせフォームは、送信内容をメールに届ける新しいフォームに置き換えることができます。フォームがCRMや自動化ツールに送信していた場合は、その連携を再設定する必要があります。ほとんどのサードパーティのフォームツールは、Repaintにチャットで共有できる埋め込みコードを提供しています。

Diviのブログを移行できますか？

はい。大規模なブログの場合、Repaintはまず数件の記事から始めて記事や一覧ページのレイアウトを確立します。それらのレイアウトが問題なければ、残りをバッチで移行できます。新しい記事のURLは、検索履歴を守るために旧URLと一致させる必要があります。

DiviのWooCommerceサイトを移行できますか？

部分的に可能です。Repaintはマーケティングページと店舗の見た目を再構築できますが、WooCommerceのバックエンドを置き換えることはできません。チェックアウトと注文管理には専用のコマースサービスが引き続き必要です。オンライン販売がビジネスの中心である場合、Repaintはeコマースプラットフォームと併用するのが最も適しています。

移行後にDiviとWordPressホスティングを解約できますか？

はい。新しいサイトがドメイン上で動作するようになったら、旧WordPressホスティングがメールなど他のサービスも提供していない場合は解約できます。他のサイトで使っていないDiviのサブスクリプションも解約できます。ドメインの登録と更新は、管理している場所にかかわらず有効なままにしておく必要があります。

既存のDiviサイトはどうなりますか？

構築中は何も起こりません。Repaintは別のサイトを作成し、Diviサイトを変更することはありません。旧サイトはドメインが別の場所を指すまで公開され続けます。切り替えないことに決めた場合、そのまま今の状態を維持できます。

DiviからRepaintへの移行にはいくらかかりますか？

サイトのインポートと編集は無料です。クレジットカードなしでRepaintのサブドメインで公開することもできます。独自ドメインの接続には有料プランが必要です。プランは月額25ドルから、年払いの場合は月額20ドルからです。

AIによる編集を元に戻せますか？

Repaintは変更のたびにサイトの新しいバージョンを保存します。元に戻すよう依頼することも、バージョン履歴から以前のバージョンを復元することもできます。試したことは何も永続的なものにはなりません。

WordPressやDiviのメンテナンスは引き続き必要ですか？

いいえ。新しいサイトはWordPressではなくRepaint上で動作するため、旧Diviのインストールは使用されません。Repaintがホスティングとソフトウェアの更新を代わりに管理します。他のウェブサイトでDiviを使用している場合、それらのサイトは既存のサブスクリプションとメンテナンスが引き続き必要です。