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

はじめに

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

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

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

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

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

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

これまで、Elementorを離れることは他のプラットフォームで手作業でサイトを作り直すことを意味していました。Repaintは既存のElementorサイトを素材として使い、コンテンツを自動で移行します。ゼロから作り直すことなく、サイトをリデザインできます。

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

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

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

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

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

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

自己ホスト型でもマネージドWordPressホスティングでも、公開されているElementorサイトであれば利用できます。スキャンで何か抜けているものがあれば、チャットで追加するか、ファイルとしてアップロードできます。

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

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

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

スタイルを選ぶ

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

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

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

結果を確認する

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

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

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

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

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

Repaintは訪問者に見えるものを再現できますが、Elementor Proやアドオンの設定は引き継がれません。Elementorのお問い合わせフォームは、送信内容をメールに届ける新しいフォームに置き換えることができます。サードパーティサービスは、埋め込みコードやリンクをチャットで共有すれば、たいてい再接続できます。

SEOの確認

Elementorの内部構造を維持することよりも、URLを維持することの方が重要です。検索順位は個々のページURLに紐づいているため、サイトを移行する際に動作しているURLを変更すると、そのページが積み上げてきた履歴を失う可能性があります。

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

ステップ4: 公開する

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

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

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

最後のステップは、ドメインをRepaintに向けることです。ElementorはWordPressプラグインとして別途ホスティングを利用する形でも、Elementor Hostingによるオールインワンサービスとしても動作します。Elementorはドメインも販売しているため、DNS設定はElementorまたは外部のレジストラで管理されている場合があります。いずれの場合も、ドメインは今の登録先にそのまま残せます。変更が必要なのは、サイトの読み込み先を制御するレコードだけです。

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

更新は通常20分程度で反映されますが、場合によってはもう少しかかることがあります。Repaintは新しいサイトがドメイン上で有効になったタイミングを確認できます。切り替えが完了したら、旧Elementorサイトをホストしていたサービスを解約できます。Elementor Hostingの場合も、別のプロバイダーの場合もあります。ドメインがElementorに登録されている場合は、ドメインの更新を有効なままにしておいてください。ドメイン登録はウェブサイトホスティングとは別物なので、Elementor Hostingの支払いを続けたり、ドメインをElementorから移管したりする必要はありません。

まとめ

Elementorはコードを書かずにWordPressサイトを構築できますが、すべての変更は手作業で、サイトのメンテナンスも必要です。Repaintは既存のコンテンツをインポートし、それを中心にサイトをリデザインし、その後の変更はチャットで行えるようにします。ドメインを切り替えると決めるまで、Elementorサイトは公開されたままです。

よくある質問

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

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

Elementor Hostingや他のWordPressホストのサイトもRepaintでインポートできますか？

はい。Repaintは公開中のElementorサイトから作業するため、Elementor Hostingや自己ホスト型のWordPressサイトからコンテンツをインポートできます。新しいサイトはWordPressではなくRepaint上で動作します。

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

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

現在のElementorのデザインを維持できますか？

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

Elementorのウィジェットやアドオンは引き継がれますか？

Elementorのウィジェットはページを構成する部品で、アドオンは追加のウィジェットや連携機能を提供するプラグインです。Repaintは訪問者に見える内容を再現するため、見た目とデザインは通常引き継がれます。フォームの配信ルールやポップアップの表示条件など、Elementor内部にしか存在しない動作は再設定が必要です。外部サービスは、埋め込みコードやリンクでたいてい再接続できます。

Elementor Proのフォームはどうなりますか？

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

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

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

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

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

Elementor Hostingを解約してドメインを維持できますか？

はい。ドメインがElementorに登録されている場合、サイトが移行した後もそこに残すことができます。RepaintのDNSレコードに変更するだけで、ドメインの更新は有効なままにできます。新しいサイトが動作していることを確認した後、Elementor Hostingは解約できます。

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

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

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

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

AIが何か間違えた場合はどうなりますか？

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

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

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