ガイド/サイトをカスタマイズ/AI を活用してサイトを構築する

AI を活用してサイトを構築する

WordPress.com の AI サイトビルダーを使用すると、すべてがデザインされたサイトを数分で作成できます。コーディング、テンプレート、技術的なスキルは必要ありません。このガイドでは、AI を活用してサイトを作成する方法について説明します。

この機能は、WordPress.com のプレミアムプランとビジネスプランの新規サイトで利用できます。最大30件のプロンプトを無料で試すことができ、サイトの公開やカスタマイズを続けるにはアップグレードが必要です。

AI サイトビルダーの仕組み

AI サイトビルダーは以下の手順で進行します。

  1. サイトを説明する: 作成するサイトの種類を理解するために、ビルダーがいくつかの質問をします。
  2. AI のサイト構築を閲覧する: 回答を送信すると、カスタムレイアウト、おすすめの画像とコンテンツ、ご希望の業界や目標に基づいた事前入力済みセクションで構築されたサイトが表示されます。
  3. サイトをカスタマイズする: サイトの基盤を構築したら、次に任意のセクションをクリックして AI に色、テキスト、セクション、レイアウトの変更を指示できます。最大30件のプロンプトを無料で送信でき、プランを購入するとプロンプト数に制限がなくなります。

AI サイトビルダーで作成されたサイトには Assembler という特別なテーマが使用されます。このテーマは、AI で作成できるあらゆるタイプのサイトに対応しています。 サイトのテーマを変更すると、AI サイトビルダーの機能は無効になりますが、作成済みのサイトが失われることはありません。Assembler テーマを再度有効化すると、AI ビルダーに再びアクセスできます。

AI を活用してサイトを構築する

AI を活用して新規サイトを作成するには、次の手順に従います。

  1. 次のページにアクセスします: https://wordpress.com/ai-website-builder/
  2. 表示されるボックスの最初のプロンプトで、サイトの詳細情報をできるだけ多く用いてサイトを説明します。入力する情報が多いほど良い結果が得られます。
    • ポートフォリオサイト、ブログ、ビジネスサイトなどの希望を AI に伝えます。
    • 決まっている場合は、ご希望のサイト名を入力します。
    • 楽しい、フレンドリー、シック、ミニマリスト、エレガント、またはその他の形容詞で、ご希望のスタイルを説明します。
    • サイトで公開するコンテンツの種類を説明します。
AI プロンプトのテキストボックスに、AI サイトビルダーに送信するプロンプトの例が表示されている。
  1. 回答を送信し、表示に従って WordPress.com にログインまたはサインアップします。
  2. その後、ニーズを明確にするためにさらに詳細な情報を求められる場合があります。構築を開始する準備が整うまで会話を続けます。
  3. AI がわずか数秒でサイトを構築する様子をご覧ください。
  4. 求められたら、以下の選択を行ってください (現時点でのお好みを選択してください。後で編集できます)。
    • レイアウトを選択する: ホームページ上のコンテンツの構成を選択します。
    • 色を選択する: サイトのデザインに合わせて、おすすめのカラーパレットから選択します。
    • フォントの組み合わせを選択する: ヘッダーと通常のテキストのフォントの組み合わせをおすすめから選択します。
    • 画像を追加する: コンピューターから画像をアップロードし、エディターにドラッグして、生成された画像を置き換えます。

最初のサイトが作成された後は、角が4つの星型アイコンをクリックすると、AI を活用してデザイン、レイアウト、テキスト、画像などを引き続き編集できます。

角が4つの星型をした AI シンボル。

サイトエディターの通常のツールを使用して、AI を活用せずに手動で変更を加えることもできます。

右上隅の「保存」ボタンをクリックして進捗を保存します。

「保存」ボタンと「サイトの立ち上げ」ボタンが並んでいる。

プロンプトのヒント

明確なプロンプトを書くことで、AI があなたの意図を理解しやすくなり、より良い結果が得られます。次のヒントを参考にしてください。

  • 具体的に指示する: 詳細を伝えるほど、結果はより正確になります。たとえば、「ボタンを青にして」の方が「ボタンを変更して」よりも明確です。
  • セクションや要素を指定する: サイトのどの部分を編集したいのかを AI に正確に伝えます (例: 「サービスセクションの見出しを変更して」。
  • わかりやすい言葉を使う: 専門用語は必要ありません。「このテキストを短くして」や「もっと明るい色を使って」などの簡単な指示で十分です。
  • スタイルやトーンの例を挙げる: 特定の雰囲気にしたい場合は、それを具体的に説明します。例: 「この段落を親しみやすく、歓迎するトーンで書き直して」
  • 段階的に依頼する: 大きな編集は小さく分けて依頼します。たとえば、ページ全体を一度に再設計するのではなく、1つのセクションごとに更新するよう AI に指示します。
  • 繰り返し試す: 期待どおりの結果が得られない場合は、プロンプトを書き換えたり、コンテキストを追加したりしてみてください。
  • AI にアイデアを尋ねる: 何をしたらよいかわからない場合は、「このホームページにはどんな画像が合いますか ?」などの質問をしてみましょう。
  • AI にサンプルプロンプトを尋ねる: AI サイトビルダーに何を尋ねればよいかわからない場合も、AI がサポートしてくれます。例: 「画像関連の作業でどんなことができますか ? 使えるサンプルプロンプトをいくつか教えて
  • 編集以外のサポートを依頼する: AI サイトビルダーはサイトを編集するだけではありません。「画像を高速読み込み用に最適化する方法は ?」、「サイトで使用すべきセキュリティ設定は ?」などの質問をすると、最新の手順を教えてくれます。

AI が作成したサイトをカスタマイズする

サイトが作成されたら、AI との会話を通じてさらに細かく調整できます。サイトの各要素の編集方法については、専用のガイドをご覧ください。

AI が作成したサイトを公開する

新規サイトを作成すると、「まもなく公開予定」モードになります。つまりアクセスできるのは自分のみで、一般のユーザーには「まもなく公開予定」のメッセージが表示されます。

サイトを公開する準備ができたら、エディターの右上隅にある「サイトの立ち上げ」ボタンをクリックします。

「保存」ボタンと「サイトの立ち上げ」ボタンが並んでいる。

新規サイトは他の WordPress サイトと同様になるため、 ドメインを追加したり、ブログ投稿を公開したり、Google アナリティクスと連携したりなどのサイトに必要なすべての作業を行えます。 

eコマース

AI サイトビルダーは、ブログ、ポートフォリオ、サービス提供をベースとしたサイトを作成できます。今のところ、eコマースの機能と統合は AI では構築できませんが、サイトの作成後に手動で追加できます。現在、AI サイトビルダーの機能拡張に取り組んでいます。

Copied to clipboard!