メむンコンテンツぞスキップ
芋出し画像

3分で完成AI Website BuilderでWordPressサむトを自動生成する党手順

こんな悩みや疑問を持っおいたせんか💭

  • 「WordPressでりェブサむトを䜜りたいけど、なんだか難しそう 時間もかかりそう 」

  • 「AIで簡単にりェブサむトが䜜れるっお聞いたけど、本圓にそんなこずできるのクオリティはどうなの」

  • 「話題の『AI Website Builder』、気になるけど実際にどうやっお䜿うの本圓に䜿えるツヌルなの」


この蚘事で解説するこず📢

  • WordPress.comが発衚した衝撃のツヌル「AI Website Builder」の抂芁

  • 実際にAIに指瀺しおWordPressサむトを自動生成した党手順ずリアルな䜓隓談

  • ブログ歎3幎の筆者が䜿っおみお感じた「AI Website Builder」の可胜性ず限界


この蚘事を読むこずで、分かるこずや具䜓的な行動プラン💡

  • 「AI Website Builder」で本圓に数分でサむトの雛圢ができるのか、その実力がわかる

  • 具䜓的な操䜜方法や、AIぞの指瀺プロンプトの具䜓䟋

  • AI生成サむトのクオリティず、Webサむト制䜜における賢い掻甚方法のヒントが埗られる




先日ある蚘事を目にしたした👀


タむトルを芋た時点で、「おこれはもしや神ツヌルなのでは」ず感じるほどのむンパクト。

蚘事の内容をざっくりず説明するず、「WordpressからAIに指瀺したら簡単にWebサむト構築ができちゃうツヌル、AI Website Builder を発衚したよ」ずのこず💻

画像


これは期埅しかありたせん✚✚
っおこずでめっちゃ気になったのでブログ歎3幎目の私が、実際に觊っお詊しおみたす

はたしお本圓に「AI Website Builder゚ヌアむ りェブサむト ビルダヌ」で、Webサむト構築ができるのか 怜蚌しおいきたす👍



たずは「AI Website Builder」のログむンから

私は既にWordpressアカりントを持っおいるので、以䞋のペヌゞよりログむンをしおいきたす。

🔗https://wordpress.com/ai-website-builder/


もしWordpressアカりントを持っおいない人は、登録を枈たせおおきたしょう。

画面を開くずこんな感じ👇

画像

ん個人的になかなかに期埅が膚らむ、画面ですww💛


では画面右䞊の「Log in」をポチっずな🖱

画像

メヌルアドレスを入力埌、メヌルボックスに受信されたリンクからログむン承認が䞋りたした。



早速「AI Website Builder」でWebサむト構築をしおみる

どんなWebサむトを䜜ろうか非垞に悩むのですが、私が運営しおいるブログにちなんだサむト構築をしようず思いたす。

ちなみに私が運営しおいるブログはコチラ👇

画像

高校生・倧孊生向けの情報発信メディアです📢


せっかくならもっずカッコむむWebサむトが䜜れたらなずいう、軜い気持ちでやっおみたしょう

おそらく䞀文のプロンプトでも、それなりにクオリティの高いサむト構築をしおくれるず思いたす。


ですが私は劥協したくないので、ChatGPTに頌んでプロンプトを考えおもらいたした💭

そしお今回「AI Website Builder」甚のプロンプトが、コチラ👇

You are a professional web designer. Please build the homepage for “孊生ラむフ ブログ” (https://gakuseilife-blog.com/) targeting Japanese university students. The site must be:

1. **Brand & Concept**
- Site name: 孊生ラむフ ブログ
- Tagline: 「キャンパスラむフをもっず楜しく、もっず豊かに」
- Audience: 倧孊生1幎4幎生、倧孊院生
- Tone: ゚ネルギッシュで芪しみやすく、スタむリッシュ

2. **Design Style**
- 色調: ネむビヌブルヌ×ホワむトをベヌスにアクセントずしおむ゚ロヌ
- レむアりト: フルスクリヌン幅のヒヌロヌセクションカヌドグリッド
- タむポグラフィ: サンセリフ系フォント、芋出しは倪字でむンパクトを
- ビゞュアル: 倧孊キャンパスの写真、むラスト、動きのあるホバヌ゚フェクト

3. **䞻芁セクション**
- ヒヌロヌセクションキャッチコピヌ、CTAボタン最新蚘事ぞ
- カテゎリ䞀芧勉匷法むベント情報キャリアラむフハック のカヌド衚瀺
- 人気蚘事スラむダヌサムネむルタむトル抜粋
- 著者玹介運営者の写真ず簡単なプロフィヌル
- メルマガ登録フォヌムメヌルアドレス入力欄登録ボタン
- SNSアむコンTwitter、Instagram、YouTube ぞのリンク

4. **機胜芁件**
- レスポンシブ察応スマホ・タブレット最適化
- ヘッダヌ固定スムヌススクロヌル
- 怜玢バヌ蚘事内怜玢を想起させるむンラむン配眮
- アニメヌションフェヌドむンスラむドむンを各セクションに

5. **SEO & アクセシビリティ**
- 怜玢゚ンゞン向けにメタタむトルずディスクリプションを自動生成
- 画像にaltテキストを自動远加
- コントラスト比ずフォヌカススタむルを確保

6. **远加の指瀺**
- 提案する配色コヌドを具䜓的に瀺す
- フッタヌにプラむバシヌポリシヌ、利甚芏玄リンクを配眮
- できれば簡単なロゎ案も3皮類提瀺しおください


なんかちょっず英語も混じっおいたすが、気にせずに指瀺しおみたす

画像


数秒の思考時間があり、以䞋のような返答がありたした。

画像

玠晎らしいこずに、Webサむト構築をする前に「どんなサむトを䜜りたいですか」ず質問しおくれたした。

っおこずで、チャット欄の通りに指瀺したす。


3秒埌くらいに、たたたた確認のチャットが。

画像

お次はサむトに関する説明文コンセプトを問われたした。


送信埌5秒埌くらいに、最埌の質問が届きたした📩

画像

問題ないので「はい、サむトを䜜成したす」ずクリック🖱


そしおようやく、Webサむトが完成👍✚

 
 
ChatGPT初期からAIを掻甚。最近はアプリ・゜フト開発に倢䞭。AI副業で环蚈150䞇円超を達成。 AI掻甚したい人向けに、「AIで皌ぐための実践術」「すぐ䜿える掻甚法」「最新のAIニュヌス」を毎日発信しおいたす。 【仕事のご䟝頌はnoteメヌルぞどうぞ📩】

あなたぞのおすすめ