ガイド/はじめに/AI でサイトを作成する

AI でサイトを作成する

WordPress.com のAIウェブサイトビルダーをご利用いただくと、コーディングやテンプレート、技術的な知識がなくても、わずか数分で本格的なデザインのウェブサイトを作成できます。このガイドでは、AIを使ってウェブサイトを作成する方法をご紹介します。

AI サイトビルダーを無料で使用して、新しいサイトを作成できます。プレミアムまたはビジネスプランにアップグレードして、サイトを公開しましょう。

動画チュートリアル

この動画では、AIウェブサイトビルダーを使って WordPress.com サイトを作成する方法をご紹介します。プロンプトからサイトを生成する方法、色やフォントのカスタマイズ、セクションの編集、AIを使った新しいコンテンツの追加について説明しています。また、手動での変更、ページの追加、サイトの公開方法もご覧いただけます。

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

AIウェブサイトビルダーは、次の流れでサイト作成をサポートします。

  1. ウェブサイトについて説明する:作成したいウェブサイトの種類を把握するために、いくつか質問します。
  2. AIがサイトを構築する様子を見る:回答を送信すると、業種や目的に基づいたカスタムレイアウト、おすすめの画像とコンテンツ、あらかじめ入力されたセクションを含むウェブサイトが構築されます。
  3. サイトをカスタマイズする:サイトの土台ができたら、任意のセクションをクリックして、色、テキスト、セクション、レイアウトの変更をAIに依頼できます。

AIでウェブサイトを構築

人工知能(AI)は、お客様が提供する一連の指示(プロンプト)に基づいてサイトを構築します。指示には、サイトの内容、サイト名、好みの色やスタイル、サイトに掲載したいコンテンツなどの詳細を含めてください。AIがサイトを作成した後も、画像やコンテンツなどをサイトに追加するようAIに指示できます。

AIで新しいウェブサイトを作成するには、次の手順に従ってください。

  1. 次のページにアクセスします。https://wordpress.com/ja/ai-website-builder/
  2. 最初のプロンプト(AIへの指示)では、ウェブサイトについて数��で説明してください。サイトが作成された後は、より具体的なプロンプトを入力できます。
An initial AI Website Builder prompt on WordPress.com that says, 'Create a food photography site.'
  1. AIチャットウィンドウの矢印をクリックするか、キーボードの enter または return を押して、最初のプロンプトを送信してください。
  2. 求められたら、WordPress.com にログインするか、アカウントを作成します。ログインすると、AIとのチャットに戻ります。
  3. AIがサイトの構築を始める前に、追加の詳細情報を尋ねる場合があります。AIがサイトの構築を始めるのに十分な情報がそろったら、「サイトを作成」ボタンをクリックしてください。
  4. AIがわずか数秒でウェブサイトを作成する様子をご覧ください。

最初のサイトが作成された後は、サイドバーでAIとのチャットを続けながら、デザイン、レイアウト、テキスト、画像をカスタマイズできます。

An arrow points to the prompt box in the right sidebar.

サイドバーの ⋮ アイコンをクリックすると、チャットをそのページ上で移動できるアシスタントに変えることができます。AIサイドバーは、右上の X をクリックするといつでも折りたたむことができ、右下の四つ星アイコンをクリックすると再表示できます。

また、サイトエディターで手動で変更することもできます。

右上の保存ボタンをクリックして、進捗を保存してください。

The Save and Launch buttons side by side.

📌

AIウェブサイトビルダーで作成されたサイトでは、Assembler テーマを使用します。これは、AIで作成できるあらゆる種類のサイトに対応した特別なデザインレイアウトです。

サイトのテーマを変更すると、AIウェブサイトビルダーの機能は無効になります(ただし、作成したサイトが失われることはありません!)。Assembler テーマに戻すと、AIビルダーを再び利用できます。

AI生成コンテンツの使用��ついて詳しくは、AIガイドラインをご覧ください。

プロンプト作成のコツ

明確な指示や要望(プロンプトとも呼ばれます)を書くと、AIが求めている内容を理解しやすくなり、より良い結果を出せます。以下のポイントを覚えておきましょう。

  • 具体的に伝える:サイトの作成後に詳しい指示を出すほど、より正確な結果になります。たとえば、「ボタンを青くしてください」は「ボタンを変更してください」よりも明確です。
  • セクションや要素を指定する:サイトのどの部分を編集したいのかを、AIに具体的に伝えましょう(例: 「サービス」セクションの見出しを変更してください)。
  • わかりやすい言葉を使う:専門用語は必要ありません。「このテキストを短くする」や「もっと明るい色を使う」といったシンプルな指示で十分です。
  • スタイルやトーンの例を伝える:特定の雰囲気にしたい場合は、それを説明しましょう。たとえば、「この段落を親しみやすく、温かみのあるトーンで書き直してください」のように伝えます。
  • 段階的に依頼してみる:大きな編集は小さく分けましょう。たとえば、ページ全体を一度に作り直すよう依頼するのではなく、1つのセクションずつ更新します。
  • もう一度試す:結果が期待どおりでない場合は、プロンプトの言い回しを変えたり、もう少し背景情報を加えたりしてください。
  • AIにアイデアを聞く:何をすればよいかわからない場合は、「このホームページにはどんな画像が合いますか ?」のように質問してみてください。
  • AIにサンプルプロンプトを聞く:AIウェブサイトビルダーに何を頼めばよいかわからない場合も、AIがサポートしてくれます!「画像に関するタスクでは、どのようなことを手伝ってくれますか ? 使えそうなサンプルプロンプトをいくつか教えてください。」のように入力してみましょう。
  • 編集以外のサポートを頼む:AIウェブサイトビルダーは、サイトを編集するだけではありません。「画像をより速く読み込めるように最適化するにはどうすればよいですか ?」「サイトではどのようなセキュリティ設定を使うべきですか ?」のような質問もでき、最新の手順を案内してくれます。
  • 変更を元に戻す:上部ナビゲーションにある左向きの矢印アイコンを使うと、変更を元に戻せます。

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

サイトを作成したら、AIとの会話を続けながらさらに調整できます。サイトの各部分の編集方法について詳しくは、以下の専用ガイドをご覧ください。

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

新しいウェブサイトは、作成時点では「近日公開」モードになっています。これは、自分だけがアクセスでき、一般の人には「近日公開」というメッセージが表示されることを意味します。

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

The Save and Launch buttons side by side.

新しいウェブサイトは他の WordPress サイトと同じように、ドメインを追加したり、ブログ投稿を公開したり、Google アナリティクスに接続したりなど、ウェブサイトに必要なことを行えます。

eコマース

AIウェブサイトビルダーでは、ブログ、ポートフォリオ、サービス提供型のウェブサイトを作成できます。今後は、AIウェブサイトビルダーでできることをさらに広げていく予定です。現時点では、AIで eコマース機能や連携機能を作成することはできませんが、サイト作成後に WooCommerce を含むプラグインを追加できます。

Copied to clipboard!