MENU

LINE公式アカウント友だち登録はこちら↓

友だち追加数
ブログ毎日更新中
過去に投稿した記事

セミナー&講演テーマ

YouTube USTREAM 動画販促術
ソーシャルメディア活用術
ホームページ成功事例100連発
最新のSEO対策
初めてのIT販促

その他の業務

コンサルティング
ネットビジネス研究会
教材の販売
マスコミ取材実績
執筆実績
私たちも横田氏を推薦します

AIと対話しHP生成WordPress.com「AI Website Builder」使い方

AIと対話しHP生成WordPress.com「AI Website Builder」使い方
  • URLをコピーしました!

今日は誕生日なので自分への
プレゼントに眼鏡を新調(笑)
イーンスパイアの横田です。
https://www.enspire.co.jp

違いが分かるかな?
分からないだろうな?

いつも応援ありがとうございます!

さて、本題です。

WordPress.comは2025年4月9日、AIを活用した
ウェブサイトビルダーを無料で提供開始しました。
https://gigazine.net/news/20250410-ai-website-builder/
このツールは、ユーザーがアイデアを伝えるだけで、AIがテキスト、レイアウト、画像を含む完全にデザインされたWordPressウェブサイトを即座に生成するものです。30の無料プロンプトが使えます。

AI Website Builder
https://wordpress.com/ai-website-builder/

早速、使ってみてレビューしました。
https://www.youtube.com/watch?v=4bHBmUB7w5g

AIと対話しHP生成WordPress.com「AI Website Builder」使い方

WordPress.comのAI Website Builder紹介
AIに指示するだけでホームページ作成!WordPress.comの「AI Website Builder」
サービス概要

WordPress.comが新しく提供を開始したAI Website Builderは、AIに対話形式で指示するだけで、ホームページの雛型を自動生成できるサービスです。

世界最大級のCMS(コンテンツマネージメントシステム)を提供する企業が打ち出したこのサービスは、ノーコードでウェブサイト制作を可能にする新時代の到来を示しています。

「プラットフォームを提供している大元がAIサービスを始めた点がインパクト大!」
主な特徴
ChatGPTのように対話形式でウェブサイトを作成
色やフォント、内容を指示だけで変更可能
住所や地図などの情報も自動で組み込み
雛型作成は無料プランで利用可能
公開には有料プランへのアップグレードが必要
使い方の流れ
1

サイトにアクセスしてログイン(Google、Apple、GitHub、WordPressアカウント対応)

2

チャット形式でサイトの目的や内容を指示

例:「ネットビジネス研究会のオンラインサロンのウェブサイトを作って」

3

AIからの質問に回答しながら詳細を決定

月額、サービス内容、特徴などの情報を対話で伝える

4

レイアウト・カラー・フォントなどを選択

🎨 AIに「オレンジベースで青字にして」などと指示することも可能

5

生成されたサイトを編集(テキスト変更、画像追加など)

6

公開するには有料プランに切り替えてドメインを設定

実際の使用感

AIとの対話は直感的で、指示を理解する精度も高いです。

言語の切り替え(英語→日本語)や、デザインの変更もチャット形式で簡単に行えます。

編集モードではテキストの直接編集画像のアップロードも可能です。

🔍 無料プランでは30回までAIアシスタントに指示できます

今後の展望: このようなAI搭載Webサービスは今後さらに普及し、楽天やAmazonなどのECサイトやSNSにも実装されていくでしょう。

WordPress.comという大手プラットフォームがAIサービスを開始したことは、Web制作の未来に大きな変化をもたらす可能性を示しています。

AIと対話しHP生成WordPress.com「AI Website Builder」使い方

WordPress.comが提供を始めた「AI Website Builder」について解説しています。このサービスはAIに指示するだけでホームページの雛形を生成できるもので、チャット形式での対話を通じてノーコードでサイト作成が可能です。横田氏は実際にログインして操作し、オンラインサロンのサイトを作成するデモを行いました。AIとチャットしながらデザインを選び、色や文字を調整し、無料プランでも基本的なサイト作成ができることを示しています。

  1. はじめに
  2. WordPress.comのAI Website Builderとは
  3. AI Website Builderの特徴と使い方
  4. 実際の操作方法と体験談
  5. サービスの将来性と業界への影響
  6. おわりに
  7. よくある質問

はじめに

インターネットの世界では、日々新しいテクノロジーやサービスが誕生しています。特に近年、AI(人工知能)の進化は目覚ましく、私たちの生活やビジネスに大きな変革をもたらしています。ウェブサイト制作の分野でも、AIの活用が急速に広がっており、専門知識がなくても簡単にホームページを作成できるサービスが次々と登場しています。

今回は、ウェブサイト制作の代表的なプラットフォームであるWordPress.comが新たに提供を開始した「AI Website Builder」について詳しく解説します。このサービスは、AIに指示するだけでホームページの雛型を生成できるという画期的なものです。AIによるウェブサイト制作サービスはこれまでにも存在していましたが、世界最大級のCMS(コンテンツマネジメントシステム)プロバイダーであるWordPressが提供するサービスということで、その影響力は計り知れません。ネットビジネスに関心のある皆様に、このサービスの特徴や使い方、そして業界への影響などについて、実際の体験を交えながらお伝えしていきます。

WordPress.comのAI Website Builderとは

WordPress.comが提供を開始した「AI Website Builder」は、AIに指示するだけで簡単にホームページの雛型を生成できるサービスです。このニュースは2025年4月10日にGigazineなどのメディアで報じられました。

このサービスは、ChatGPTのようなチャットインターフェースを採用しており、ユーザーが普通の言葉でウェブサイトの要望を伝えると、AIがそれに応じたウェブサイトを作成してくれます。例えば「どこどこのこんなパン屋のホームページを作って」というような指示を出すだけで、AIがそれを理解し、質問のやり取りを通じてウェブサイトを生成してくれるのです。

特筆すべきは、このサービスがWordPress.comから提供されているという点です。WordPressは世界最大級のCMS(コンテンツマネジメントシステム)であり、クラウド上で簡単にウェブサイトを作成できるサービスを提供している会社です。そのような業界大手がAIによるウェブサイト生成サービスを開始したことは、今後のウェブ制作業界に大きな影響を与えることが予想されます。

このサービスはノーコードでホームページを作成でき、色やフォントの変更、テキストの編集、地図の挿入なども簡単に行えます。基本的な機能は無料プランで利用可能ですが、実際にウェブサイトを公開するためにはドメインの取得が必要となり、その場合は有料プランへの移行が必要になります。

AI Website Builderの特徴と使い方

AI Website Builder」の最大の特徴は、チャット形式でAIとやり取りしながらウェブサイトを作成できる点です。GoogleアカウントやAppleアカウント、GitHubアカウント、WordPressアカウントでログインすることで利用可能になります。

使い方は非常にシンプルで、まずログイン後に表示される大きなプロンプト窓に、作成したいウェブサイトの概要や目的を入力します。例えば「ネットビジネス研究会のオンラインサロンのウェブサイトを作って」というような指示を出すことができます。

AIはその指示に基づいて質問を投げかけ、より詳細な情報を収集します。例えば「オンラインサロンについて詳しく教えてください。どのような目的や戦略で、内容を含めたいでしょうか」といった具体的な質問が表示されます。これらの質問に答えることで、AIはユーザーの要望に合ったウェブサイトを提案してくれます。

十分な情報が集まったら「Yes, create my site」ボタンをクリックすることで、ウェブサイトの生成が始まります。また、「No, update details」を選択すれば、さらに詳細な情報を追加することも可能です。

ウェブサイトの生成後は、レイアウト、カラーパレット、フォントなどの選択画面が表示され、好みのデザインを選ぶことができます。また、AIに直接「オレンジベースで青字にして」といった指示を出すことで、デザインの微調整も可能です。

エディター画面では、テキストの編集や画像のアップロード、リンクの追加など、通常のウェブサイト編集に必要な基本的な操作が行えます。また、AIアシスタントを呼び出して「英語を日本語にして」といった指示を出すこともできます。

実際の操作方法と体験談

実際に「AI Website Builder」使用してみると、そのシンプルさと直感的な操作性に驚かされます。まずサイトにアクセスしてログインすると、大きなプロンプトの窓が表示されます。ここに「ネットビジネス研究会のオンラインサロンのウェブサイトを作って」と入力し、送信ボタンを押すと、AIが質問を返してきます。

AIとのやり取りの中で、「月190円です」「YouTubeで視聴できます」「ネットビジネスに関するノウハウです」といった情報を追加していきます。エンターキーを押すと即座に送信されるので注意が必要です。ある程度情報が集まると「Yes, create site」ボタンが表示されますが、さらに詳細な情報を追加したい場合は「No, update details」を選択することもできます。

サイト生成が始まると、AIがレイアウト案をいくつか提示してくれます。気に入ったレイアウトを選択したら、次にカラーパレットの選択画面が表示されます。ここでAIに「オレンジベースで青字にして」と指示することで、希望の色合いを伝えることができます。

フォントの種類を選択した後、エディター画面に移行します。ここでは、テキストの編集や画像のアップロード、リンクの追加などが可能です。例えば「オンラインサロン参加しよう」というテキストの末尾にビックリマークを追加したり、色を変更したりすることができます。

また、AIアシスタントを呼び出して「英語を日本語にして」と指示することで、英語のコンテンツを日本語に翻訳することもできます。ただし、翻訳機能には若干の制限があるようです。

編集が完了したら「Launch」ボタンをクリックすることで、サイトの公開準備に入ります。この段階でドメインの設定が必要となり、有料プランへの移行が促されます。ただし、この時点までは無料プランで利用可能であり、作成したデザインを保存することもできます。

全体的に、専門知識がなくても直感的に操作できる設計になっており、ちょっとしたウェブサイトのデザイン提案などには非常に便利なツールだと感じました。

サービスの将来性と業界への影響

WordPress.comというウェブサイト制作の大手プラットフォームが「AI Website Builder」を提供し始めたことは、ウェブ制作業界全体に大きな影響を与えることが予想されます。これは単に新しいサービスが登場したということだけでなく、業界の方向性を示す重要な出来事だと考えられます。

これまでにもClaudeやGoogle Gemini、Create.xyzなど、AIを活用したウェブサイト制作サービスは存在していました。しかし、WordPressのような業界大手がこの分野に参入したことで、AIによるウェブコンテンツ生成が今後ますます主流になっていくことが予測されます。

今後は楽天やAmazonなどのECサイトやSNSプラットフォームにもAIが組み込まれていくことが予想され、ウェブサービス全般にAIが浸透していくでしょう。これにより、ウェブサイト制作の敷居が大幅に下がり、誰でも簡単に自分のアイデアをウェブ上で形にすることができるようになります。

また、ウェブデザイナーやウェブ開発者にとっては、自分のスキルをどのように差別化していくかが重要な課題となります。単純なウェブサイト制作はAIに任せ、より複雑なカスタマイズやユーザー体験の最適化、戦略的なデザインなど、AIではまだ十分に対応できない高度な領域に特化していく必要があるでしょう。

いずれにせよ、WordPress.comの「AI Website Builder」の登場は、ウェブ制作の民主化をさらに推し進める重要な一歩だと言えます。

おわりに

WordPress.comが提供する「AI Website Builder」は、AIを活用したホームページ作成サービスの新たな地平を切り開くものです。チャット形式でAIに指示するだけで簡単にウェブサイトを作成できるこのサービスは、ウェブサイト制作の専門知識がない方でも、自分のアイデアやビジネスをウェブ上で表現することを可能にします。

特に注目すべきは、このサービスが世界最大級のCMSであるWordPress.comから提供されているという点です。業界大手がAIによるウェブサイト生成を本格的に始めたことで、今後ウェブ制作業界全体にAIの波が広がっていくことが予想されます。これは単なるトレンドではなく、ウェブサービスの進化の方向性を示す重要な指標だと考えられます。

実際に使ってみると、そのシンプルさと直感的な操作性に驚かされます。レイアウトやカラーパレット、フォントの選択など、基本的なデザイン要素はAIが複数の案を提示してくれるため、自分の好みに合ったウェブサイトを簡単に作成することができます。また、テキストの編集や画像のアップロードなども直感的に行えるため、ウェブサイト制作の経験がない方でも迷うことなく操作できるでしょう。

無料プランでも基本的な機能は利用可能であり、ウェブサイトのデザイン案を作成するなどの用途には十分活用できます。実際にウェブサイトを公開するためには有料プランへの移行が必要となりますが、それでもプロのデザイナーに依頼するよりははるかに低コストでウェブサイトを作成することができます。

ウェブサービスにAIが組み込まれていく流れは今後も加速していくでしょう。「AI Website Builder」はまだ始まったばかりですが、その可能性は無限大です。皆さんもぜひ一度試してみて、AIによるウェブサイト制作の便利さと可能性を体感してみてください。

よくある質問

Q1: AI Website Builderは完全に無料で利用できますか?

A1: 基本的な機能は無料プランで利用可能です。ウェブサイトのデザイン作成や編集などを行うことができます。ただし、実際にウェブサイトを公開するためにはドメインの取得が必要となり、その場合は有料プランへの移行が必要になります。

Q2: 専門知識がなくてもウェブサイトを作成できますか?

A2: はい、専門知識がなくても簡単にウェブサイトを作成できます。チャット形式でAIに指示を出すだけで、AIがユーザーの要望に合ったウェブサイトを提案してくれます。HTMLやCSSなどの知識は一切必要ありません。

Q3: どのような種類のウェブサイトを作成できますか?

A3: 個人ブログ、ビジネスサイト、オンラインサロン、飲食店のサイトなど、様々な種類のウェブサイトを作成することができます。AIに具体的な要望を伝えることで、目的に合ったウェブサイトを生成してくれます。

Q4: 他のAIウェブサイト作成サービスとの違いは何ですか?

A4: 最大の違いは、WordPress.comという世界最大級のCMSプロバイダーが提供しているという点です。これにより、WordPressの豊富な機能や拡張性を活かしたウェブサイト作成が可能になります。また、チャット形式のインターフェースも非常に直感的で使いやすいのが特徴です。

Q5: 作成したウェブサイトは後から編集できますか?

A5: はい、作成したウェブサイトは後から自由に編集することができます。テキストの変更、画像の追加、レイアウトの調整など、基本的な編集機能はすべて利用可能です。また、AIアシスタントを呼び出して「このセクションを変更して」といった指示を出すこともできます。

詳しくは15分の動画で解説しました。
https://www.youtube.com/watch?v=JC5MsKmGEjQ

AIと対話しHP生成WordPress.com「AI Website Builder」使い方 の続きはYouTubeメンバーシップで!イーンスパイア株式会社

0:00 🎂 自己紹介と誕生日のお知らせ
1:09 🌐 WordPressの「AI Website Builder」の紹介
2:18 🧩 「AI Website Builder」の基本機能説明
3:29 💻 実際のサイト作成デモ開始
4:34 🔑 アカウント認証とサイト情報入力
5:46 📝 サイト詳細情報の追加
7:00 🚀 サイト作成プロセスの実行
8:11 🎨 レイアウト選択と生成
9:22 🎭 カラーパレットの選択とカスタマイズ
10:30 ✏️ エディター機能の紹介
11:43 🔄 日本語への翻訳と編集方法
12:51 📎 画像アップロードとリンク機能紹介
13:58 💡 まとめと「AI Website Builder」の今後の展望

上記の動画はYouTubeメンバーシップのみ
公開しています。詳しくは以下をご覧ください。

https://yokotashurin.com/youtube/membership.html
YouTubeメンバーシップ申込こちら↓
https://www.youtube.com/channel/UCXHCC1WbbF3jPnL1JdRWWNA/join

AIと対話しHP生成WordPress.com「AI Website Builder」使い方

🌐 WordPress.com
世界最大級のCMS(コンテンツマネジメントシステム)を提供する企業。クラウド上で簡単にウェブサイトが作成できるプラットフォームとして知られており、今回AIを活用したサイト作成サービスをリリースした点が注目されています。

🤖 AI Website Builder
WordPress.comが開始したAIによるウェブサイト作成サービス。AIに指示するだけでホームページの雛形を生成できる機能で、チャット形式の対話を通じてノーコードでサイト作成が可能です。

💬 チャット形式
AIとの対話方式でウェブサイトを作成できるシステム。ChatGPTのように質問応答を繰り返しながらサイトのデザインや内容を詳細に指定でき、直感的な操作が特徴です。

📝 ノーコード
プログラミングの知識がなくてもウェブサイトを作成できるアプローチ。コードを書かずに視覚的な操作やチャットでの指示だけでサイト構築ができるため、誰でも簡単にウェブサイト制作が可能になります。

🔄 Yes, create my site
AIとのチャットで内容を詰めた後に表示されるボタン。これをクリックすることでAIがウェブサイトの雛形を生成し、編集モードに移行できます。

🎨 カラーパレット
ウェブサイトのデザインで使用する色の組み合わせ。AIが提案する色の中から選んだり、具体的な色(例:オレンジベースで青字)を指定してサイトの雰囲気を決められます。

📱 レイアウト
ウェブサイトの構成要素の配置方法。AI Website Builderでは複数のレイアウトパターンが提案され、その中から選択するか、何度も生成を繰り返して気に入ったデザインを見つけることができます。

🔠 フォント
ウェブサイトで使用する文字の書体。適切なフォントを選ぶことでブランドイメージやサイトの雰囲気を決定づける重要な要素となります。

🆓 無料プラン
WordPress.comのAI Website Builderで提供される基本サービス。ウェブサイトの作成や編集までは無料で行えるが、実際に公開するためにはドメイン取得などの有料プランへの移行が必要です。

🚀 AI搭載Webサービス
従来のWebサービスにAI機能が組み込まれたサービス形態。講演ではWordPressだけでなく、今後はECサイトやSNSなど様々なサービスにAIが搭載されていく流れが加速すると予測されています。

超要約1分ショート動画こちら↓
https://www.youtube.com/shorts/yhTJaqZUV9k

AIと対話しHP生成WordPress.com「AI Website Builder」使い方

WordPressの「AI Website Builder」は、チャット形式でAIに指示するだけで、専門知識不要でウェブサイトの雛形を自動生成する革新的なサービスです。ノーコード環境で直感的なデザインカスタマイズが可能で、色、フォント、レイアウトなどをリアルタイムに編集できます。Googleアカウント等で簡単にログインでき、無料トライアル(30回まで)で気軽に試用可能です。独自ドメイン利用や高度な機能には課金が必要ですが、柔軟なプランが用意されています。AIとの対話と直接編集モードを組み合わせ、初心者でも効率的にサイト制作から公開準備まで行える点が特徴です。

1. WordPress.com「AI Website Builder」サービス概要

1.1.1 WordPressが提供するAI Website Builderの概要

WordPress.comが新たに提供を開始した「AI Website Builder」は、ウェブサイト制作のあり方に大きな変革をもたらす画期的なサービスです。これまでのウェブサイト作成には、専門的な知識やコーディングスキル、あるいは複雑な操作を伴うツールへの習熟が必要とされる場面が多くありました。しかし、この「AI Website Builder」は、専門知識を持たないユーザーでも、直感的な操作のみでプロフェッショナルなウェブサイトをデザインできるノーコード環境を実現しています。

最大の特徴は、AIとの対話を通じてサイト制作を進められる点です。ユーザーはチャット形式で、作成したいサイトの種類や目的、雰囲気などを自然言語で伝えるだけで、AIがその指示に基づいて最適なサイトの雛形を自動生成します。これにより、デザインの初期段階における構想や骨組み作りが大幅に簡略化されます。この背景には、急速なテクノロジーの進化と、ウェブサイト作成に対するユーザーニーズの多様化があります。初心者からビジネスユーザーまで、誰もが手軽に、かつ迅速に自身のアイデアを形にできるツールが求められていたのです。

さらに、生成された雛形は、初心者にも理解しやすいインターフェースを通じて、細部にわたるカスタマイズが可能です。色使い、フォント、レイアウトの調整はもちろん、コンテンツの追加や修正も容易に行えます。このサービスは、ウェブサイト制作にかかる時間とコストを大幅に削減しつつ、利便性と柔軟性を両立させることを目指しており、現代のウェブ制作における新たなスタンダードとなる可能性を秘めています。

1.2.1 WordPress.com「AI Website Builder」多彩な機能とカスタマイズ対応

WordPressの「AI Website Builder」は、その中核機能として、非常に直感的でインタラクティブなチャットインターフェースを採用しています。ユーザーは、このチャットウィンドウを通じて、ウェブサイトのデザインに関する具体的な要望をAIに伝えることができます。「カフェのウェブサイトを作りたい」「ポートフォリオサイトで、ミニマルなデザインにしてほしい」といった自然言語での指示に基づき、AIは即座に複数のデザイン候補を生成します。

デザインのカスタマイズ性も高く評価されるべき点です。AIが提案したデザイン案に対して、ユーザーはさらに詳細な調整を加えることが可能です。例えば、サイト全体のテーマカラーや特定のセクションの色使い、見出しや本文に使用するフォントの種類とサイズ、ページのレイアウト構成などを、チャットでの追加指示や専用の編集メニューを通じて簡単に指定できます。気に入ったデザインが見つかれば、それをベースに微調整を行うことも、全く新しい指示を与えて別の案を生成させることも自由自在です。

特筆すべきは、これらの変更がリアルタイムでプレビューに反映されることです。ユーザーは、自身が行ったカスタマイズの結果を即座に視覚的に確認できるため、試行錯誤を繰り返しながら理想のデザインへと効率的に近づけることができます。背景色の変更、ボタンの配置、画像の差し替え、外部リンクの設定といった細かな作業も、ドラッグ&ドロップのような直感的な操作や、分かりやすいメニュー選択によってスムーズに行えるように設計されており、コーディングの知識は一切不要です。AIによる自動生成能力と、ユーザーによる詳細なカスタマイズ性が融合することで、オリジナリティあふれるウェブサイト制作が可能となっています。

1.3.1 WordPress.com「AI Website Builder」無料トライアルの提供

WordPressの「AI Website Builder」は、多くのユーザーが気軽にその革新的な機能を体験できるよう、手厚い無料トライアル期間を設けています。ウェブサイト制作に関心はあるものの、ツールの操作性や費用面に不安を感じている初心者にとって、これは非常に魅力的なポイントです。利用を開始するために特別な手続きや初期費用は必要ありません。WordPress.comのアカウントでログインするだけで、すぐにAIとの対話を通じたサイト制作を始めることができます。

この無料トライアルでは、AIに対して最大30回まで指示を送信し、ウェブサイトのデザイン案を生成させることが可能です。この回数制限内であれば、サービスの主要な機能をほぼ全て無償で試すことができます。例えば、異なる業種や目的のサイトを複数パターン生成してみたり、特定の色やレイアウトを指示してAIの応答を確認したり、生成されたデザインをどこまで細かくカスタマイズできるかを探ったりと、サービスのポテンシャルを十分に把握するには十分な機会が提供されています。

この試用期間は、ユーザーがサービスの価値を判断し、自身のニーズに合っているかどうかを見極めるための重要なステップとなります。複雑な設定や制約が少ないため、ウェブサイト制作の経験がない人でも、安心して「AI Website Builder」の使い勝手や性能を確かめることができます。もしサービスが期待通りであれば、そのまま有料プランへ移行することもスムーズに行える設計となっており、ユーザーフレンドリーな導入体験が提供されています。

1.3.2 WordPress.com「AI Website Builder」課金システム

WordPressの「AI Website Builder」は、無料トライアルを通じて基本的な機能を体験した後、さらに本格的なウェブサイト運営や高度なカスタマイズを求めるユーザー向けに、柔軟な課金システムを用意しています。無料トライアル期間中(AIへの指示30回まで)は、サービスの核となるAIによるサイト生成や基本的なデザイン編集機能を費用負担なしで利用できますが、いくつかの機能には制限があります。

課金が必要となる主なケースとしては、まず独自ドメインの取得と利用が挙げられます。無料プランでは「サイト名.wordpress.com」のようなサブドメイン形式になりますが、有料プランにアップグレードすることで、「あなたの会社名.com」のようなオリジナルのドメインを設定し、よりプロフェッショナルな印象を与えることが可能になります。また、ストレージ容量の増加、高度なデザインカスタマイズオプションの解放、eコマース機能の追加、プレミアムテーマやプラグインの利用なども、有料プランで提供される機能の一部です。

WordPress.comの課金システムは、ユーザーが必要とする機能や規模に応じて複数のプランから選択できる点が特徴です。個人ブログ向けの低価格プランから、大規模なビジネスサイトやオンラインストア運営に対応する高機能プランまで幅広く用意されており、無駄なコストをかけずに最適な環境を構築できます。無料プランから有料プランへの移行もシームレスに行えるため、サイトの成長に合わせて柔軟にプランを見直すことが可能です。この段階的なアップグレードパスは、個人利用からビジネス用途まで、多様なユーザーのニーズにきめ細かく対応しています。

2. WordPress.com「AI Website Builder」の体験レポート

2.1.1 WordPress.com「AI Website Builder」ログインと利用開始の手順

WordPressの「AI Website Builder」の利用開始プロセスは、驚くほどシンプルかつ迅速です。まず、サービスへのアクセスには、既存の複数のアカウントを利用できる利便性があります。具体的には、広く普及しているGoogleアカウントやAppleアカウント、開発者にお馴染みのGitHubアカウント、そしてもちろん従来のWordPress.comアカウントのいずれかを選択してログインすることが可能です。これにより、新たに専用のアカウントを作成する手間が省け、多くのユーザーがすぐにサービスを使い始められます。

ログインが完了すると、ユーザーは非常にすっきりとしたインターフェースに迎えられます。画面中央にはシンプルなチャットウィンドウが表示され、ここがAIとの対話の起点となります。複雑なメニューや設定項目が初期画面に溢れているわけではなく、まるでメッセージアプリを使うような感覚で、ウェブサイト作成の第一歩を踏み出せるように設計されています。このミニマルなデザインは、特にウェブサイト制作の初心者や、多機能なツールに苦手意識を持つユーザーにとって、心理的なハードルを大きく下げてくれるでしょう。

チャットウィンドウに最初の指示、例えば「ヨガ教室のウェブサイトを作成してください」といった内容を入力すると、AIが即座に処理を開始します。ユーザーの意図を解釈し、業種や目的に合わせたサイトの構成要素(ヘッダー、メインコンテンツエリア、フッターなど)や、適切なページ(ホーム、サービス紹介、お問い合わせなど)を含んだレイアウト候補を自動的に提示してくれます。この初期提案があることで、ユーザーはゼロから構成を考える負担なく、具体的なデザインの検討へとスムーズに移行できます。この一連の流れは非常に直感的であり、まさに「誰でも簡単に始められる」というコンセプトを体現しています。

2.2.1 WordPress.com「AI Website Builder」チャット形式での制作指示

WordPressの「AI Website Builder」の核心とも言えるのが、チャット形式によるウェブサイト制作の指示プロセスです。ユーザーは、専門的なコマンドやコードを覚える必要は一切なく、日常会話で使うような自然言語を用いて、AIに対して具体的な要望を伝えることができます。例えば、「ヘッダーにもっと目立つ画像を使いたい」「サービス紹介セクションを追加して、3つのプランを比較できるようにしてほしい」「全体の配色を青系の落ち着いたトーンに変更して」といった具体的な指示をチャットウィンドウに入力します。

AIは、入力されたテキストを高度な自然言語処理技術を用いて解釈し、その指示内容に最も合致するであろうデザイン案やレイアウト変更を即座に生成・反映します。単にテキストを理解するだけでなく、文脈やニュアンスを汲み取り、ウェブデザインの原則に基づいた適切な提案を行ってくれる点が特徴です。例えば、「モダンな雰囲気で」といった抽象的な指示に対しても、現代的なフォント選びや、余白を活かしたレイアウトなどを提案してくれます。

生成された各要素、例えばテキストブロック、画像、ボタンなどには、多くの場合、個別のカスタマイズメニューも用意されています。チャットでの指示と並行して、これらのメニューを直接操作することで、フォントサイズ、色、リンク先などをより細かく調整することも可能です。そして、何よりも重要なのは、これらの指示や編集がリアルタイムでプレビュー画面に反映されることです。ユーザーは自分の指示がどのようにサイトデザインに影響を与えるかを即座に確認できるため、試行錯誤を繰り返しながら、効率的に理想のウェブサイト像に近づけていくことができます。このインタラクティブなプロセスが、従来のウェブサイト制作ツールにはない、「AI Website Builder」ならではの魅力と言えるでしょう。

2.3.1 WordPress.com「AI Website Builder」編集段階の流れ

AIによってウェブサイトの基本的な雛形が生成された後、WordPressの「AI Website Builder」では、さらに詳細な編集と最終確認を行うためのプロセスが用意されています。この段階では、主に二つの方法でサイトの微調整を進めることができます。一つは、引き続きチャットインターフェースを利用する方法です。例えば、「この文章をもう少し短くして」「画像の配置を右側に変更してほしい」といった具体的な指示をAIに与えることで、リアルタイムに変更が反映されます。AIが提案した内容が意図と異なる場合でも、再度指示を修正して送信すれば、AIはそれを学習し、より的確な結果を返そうとします。

もう一つの方法は、より直接的な操作が可能な編集モードを利用することです。プレビュー画面上の特定の要素(テキスト、画像、ボタンなど)をクリックすると、専用の編集ツールバーや設定パネルが表示され、文章の直接入力や修正、スタイルの変更、リンクの設定などを直感的に行うことができます。この編集モードは、従来のWordPressエディター(ブロックエディター)に似た感覚で操作できる部分もあり、既存のWordPressユーザーにとっては馴染みやすいかもしれません。

さらに、この編集プロセスをサポートするための補助ツールも組み込まれている場合があります。例えば、多言語サイトを作成したい場合には自動翻訳機能が役立つ可能性がありますし、コンテンツ作成を支援するAIライティングアシスタントのような機能が統合されることも考えられます(機能の有無はサービス提供状況によります)。このように、チャットでの指示と直接編集モードを組み合わせ、必要に応じて補助ツールを活用しながら、納得のいくまでサイトの細部を詰めていきます。全ての編集と確認が完了したら、「生成する」や「公開する」といったボタンをクリックすることで、作成したウェブサイトを公開可能な状態にし、最終的な確認ステップへと進みます。

#WordPress #ワードプレス #横田秀珠 #生成AI #生成AIコンサルタント #生成AIセミナー #生成AI講師 #生成AI講演 #生成AI講座 #生成AI研修 #生成AI勉強会

よかったらシェアしてね!
  • URLをコピーしました!

この記事を書いた人

横田 秀珠のアバター 横田 秀珠 (新潟)公立長岡造形大学 情報リテラシー論 講師

ネットビジネス・アナリスト。未経験のIT企業に就職し、たった3年で独立し、2007年にITコンサルタント会社のイーンスパイア(株)を設立し現在に至る。All About ProFile全専門家で全国1位のコラム評価を獲得した実績を持つ。全国で年間200回を超える講演も行う。