WordPress.comのAIウェブサイトビルダーをご利用いただくと、コーディングやテンプレート、技術的な知識がなくても、わずか数分で完全にデザインされたウェブサイトを作成できます。このガイドでは、AIを使用してウェブサイトを作成する方法をご説明いたします。
このガイド内
質問がある場合
AI アシスタントに尋ねるこの動画の言語は英語です。
YouTube には、自分の言語で視聴できる自動翻訳機能があります。
自動翻訳字幕を表示するには:
- 動画を再生します。
- 動画右下の ⚙️ 設定 アイコンをクリックします。
- 字幕/CC を選択します。
- 自動翻訳 を選択します。
- 希望する言語を選びます。
自動吹き替え(実験機能)で視聴するには:
- ⚙️ 設定 アイコンをクリックします。
- 音声トラック を選択します。
- 視聴したい言語を選びます。
ℹ️ 翻訳と吹き替えは Google により自動生成されるため、正確でない場合があります。また、自動吹き替えは現在テスト中で、すべての言語で利用できるわけではありません。注: 字幕の文章は Google 翻訳で生成されるため、完全とはいえませんが、内容の把握に役立ちます。
AIウェブサイトビルダーは以下の手順で作成をサポートいたします:
- ウェブサイトについてご説明ください:作成したいウェブサイトの種類を理解するため、いくつかの質問をさせていただきます。
- AIによるサイト構築の視聴: ご回答を送信いただくと 、業界や目標に基づいたカスタムレイアウト、提案画像・コンテンツ、事前入力済みセクションで構成されたウェブサイトが構築される様子をご覧いただけます。
- サイトのカスタマイズ:サイトの基盤が構築されたら、任意のセクションをクリックし、AIに色、テキスト、セクション、レイアウトの変更を指示できます。
当社の人工知能(AI)は、お客様が提供する指示(プロンプトとも呼ばれます)に基づいてサイトを構築します。指示には、サイトのテーマ、サイト名、ご希望の色やスタイル、掲載したいコンテンツなどの詳細を含めてください。AIがサイトを作成した後、画像やコンテンツなどを追加するようAIに指示する機会が提供されます。
AIで新しいウェブサイトを作成するには、以下の手順に従ってください:
- 以下のページにアクセスしてください:https://wordpress.com/ai-website-builder/
- 最初のプロンプト(AIへの指示)では、ウェブサイトを簡潔に数語で説明してください。サイト作成後は、より具体的な指示を追加できます。

- AIチャットウィンドウの矢印をクリックするか、
Enterキーを押してくださいまたはreturnキーを押して、最初のプロンプトを送信してください。 - WordPress.comへのログインまたは新規登録を求められた場合は、お手続きください。ログイン後、AIとのチャット画面に戻ります。
- AIがサイト構築を開始する前に、追加の詳細情報をお伺いする場合がございます。十分な情報が揃い次第、「サイトを作成」ボタンをクリックしてください。
- AIがわずか数秒でウェブサイトを作成する様子をご覧ください。
初期サイトが作成された後は、サイドバーのAIとの会話を継続することで、デザイン、レイアウト、テキスト、画像のカスタマイズが可能です:

サイドバーの⋮アイコンをクリックすると、チャットをそのページ上で移動可能なアシスタントに変えることができます。AIサイドバーは、右上のXをクリックすることでいつでも折りたたむことができ、左下の四つ星アイコンをクリックすると再び表示できます。
また、サイトエディターで直接変更を加えることも可能です。
右上の「保存」ボタンをクリックして進捗を保存してください:

📌
AIウェブサイトビルダーで作成されたサイトは Assembler テーマを使用します。これはAIで作成可能なあらゆるタイプのサイトに対応した特別なデザインレイアウトです。
サイトのテーマを変更すると、AIウェブサイトビルダーの機能は無効になります(ただし、作成したサイトが失われることはありません!)。Assemblerテーマに戻すことで、AIビルダーへのアクセスを再開できます。
AI生成コンテンツの使用方法については、AIガイドラインをご覧ください。
明確な指示や方向性(プロンプトとも呼ばれます)を記述することで、AIがご要望を理解し、より良い結果を生成するのに役立ちます。以下のポイントをご留意ください:
- 具体的に:サイト構築後に詳細な指示を与えるほど、結果は正確になります。例えば「ボタンを青色に変更してください」は「ボタンを変更してください」よりも明確です。
- 該当セクションや要素を明記する:編集したいサイトの具体的な箇所をAIに伝えます(例:「サービスセクションの見出しを変更してください」)。
- 平易な言葉を使う:専門用語は必要ありません。「このテキストを短くする」「明るい色を使う」といったシンプルな指示で十分です。
- スタイルやトーンの例を示す:特定の雰囲気を求める場合は、それを説明してください。例:「この段落を親しみやすく温かいトーンで書き直してください」。
- 段階的な依頼を試す:大規模な編集は小さな作業に分割しましょう。例えば、ページ全体の再設計を一度に依頼するのではなく、1セクションずつ更新するよう依頼します。
- 再度お試しください:結果が期待通りでない場合は、プロンプトの表現を変更するか、より詳細な文脈を追加してください。
- AIにアイデアを尋ねる:何をすべきか迷った場合は、「このホームページに合う画像の種類は何ですか?」といった質問をしてみてください。
- AIにサンプルプロンプトを依頼する:AIウェブサイトビルダーに何を尋ねればよいか分からない場合も、AIがサポートします!「画像関連のタスクでどのような支援が可能ですか?使用できるサンプルプロンプトを提供してください」などと入力してみましょう。
- 編集以外のサポートを依頼する:AIウェブサイトビルダーはサイト編集だけでなく、「画像の読み込み速度を最適化する方法は?」や「サイトに適用すべきセキュリティ設定は?」といった質問にも最新の指示を提供します。
- 変更を元に戻す:上部ナビゲーションの「戻る」矢印アイコンを使用すると、変更を元に戻せます。
サイト作成後も、AIとの対話を通じて継続的に改良が可能です。各要素の編集方法については、専用ガイドをご参照ください:
AI 作成サイトのテキストを編集する
AI を使用して AI 生成サイトのテキストを最終調整する方法について説明します。…
AI 作成サイトの画像を更新する
AI を使用して AI 生成サイトの画像を最終調整する方法について説明します。
AI 作成サイトのデザインを編集する
AI を使用して AI 生成サイトのデザインを最終調整する方法について説明します。…
AI 作成サイトのページとナビゲーションを更新する
AI を使用して AI 生成サイトのページとナビゲーションを最終調整する方法について説明しま…
作成後、新しいウェブサイトは「近日公開」モードになります。これは、公開前段階であり、一般ユーザーには「近日公開」メッセージが表示され、ご自身のみがアクセスできる状態であることを意味します。
公開準備が整いましたら、エディターの右上にある「公開」ボタンをクリックしてください:

新しいウェブサイトは他のWordPressサイトと同様に、ドメインの追加、ブログ記事の公開、Googleアナリティクスとの連携など、ウェブサイトに必要なあらゆる操作が可能です。
AIウェブサイトビルダーでは、ブログ、ポートフォリオ、サービス提供型ウェブサイトを作成できます。今後、AIウェブサイトビルダーの機能拡充を進めてまいります。現時点ではAIによるEC機能や連携機能の構築はできませんが、サイト作成後にWooCommerceなどのプラグインを追加することが可能です。
コメントを投稿するにはログインしてください。