AIで作ったホームページ、そのまま眠らせていませんか？ワードプレス化して「本当に使えるサイト」にする方法！

ChatGPTやGemini、Claudeなどを使って、理想に近いホームページを作ってみた。

「思っていたより、かなりいい！」

ところが、その次で困っていませんか？

「これ、どうやって自分のホームページとして公開するの？」

AIのおかげで、ホームページのデザインや構成、文章、さらにはHTMLやCSSなどのコードまで、以前より簡単に作れるようになりました。

一方で、AIでホームページを「作る」ことと、それを実際にインターネット上で公開し、「使える」ホームページにすることは少し違います。

そこで私はココナラで、

「AIで作ったサイト・デザインをワードプレス化するサービス」

を始めました💻🎉✨

現在、基本料金は20,000円。

ココナラデビューにつき、基本料金内で、

・トップページ制作

・コンテンツページ、なんと15ページまで対応！

・PC・スマートフォン対応

・基本的なSEO設定

・ボタン、リンク等の設定

・修正10回まで

・サーバーへの公開作業

・納品後に更新しやすいワードプレス構築

まで対応しています🎉

「AIでここまでは作れた。でも、その先が分からない」

そんな方のためのサービスです。

この記事では、

・AIでホームページを作ったけれど公開方法が分からない

・ChatGPTで作ったサイトをワードプレスにしたい

・AIで作ったデザインを実際のホームページにしたい

・HTMLやCSSの知識がない

・スマートフォンにも対応させたい

・完成後は自分で更新できるようにしたい

という方に向けて、

AIで作ったホームページをワードプレス化するメリットや、私のサービスでできること

をご紹介します。

AIでホームページを作れる時代になりました

生成AIの登場によって、ホームページ制作のハードルは大きく下がりました。

たとえばChatGPTに、

「美容室のホームページを作りたい」

と相談すれば、

・トップページの構成

・キャッチコピー

・サービス紹介

・料金表

・よくある質問

・お問い合わせへの導線

などのアイデアを出してもらえます💡

さらに生成AIを活用すれば、HTMLやCSSなどのコードまで生成することができます。

Web制作を勉強したことがない方でも、

「こんなホームページにしたい」

というイメージを、自分自身で形にしやすい時代になりました。

これは、これからホームページを持ちたい個人事業主や中小企業にとって、とても便利だと思っています✨

これまでは、

「ホームページを作りたいけれど、何十万円もかかるのはちょっと……」

と諦めていた方でも、まずはAIと相談しながら自分でアイデアやデザインを形にできるからです。

しかし、そこで次の壁が出てきます。

AIでホームページを作った後に困るのはなぜ？

AIでホームページを作ってみると、

「おお！かなりいい！」

というところまで作れることがあります。

ところが、いざ自分のホームページとして使おうとすると、

「これ、どうやって公開するんだろう？」

という疑問が出てきます💭

さらに調べていくと、

・サーバー

・ドメイン

・ワードプレス

・HTML

・CSS

・SSL

・レスポンシブ対応

・SEO

など、聞き慣れない言葉が次々に出てくることもあります。

AIによって「ホームページの案を作ること」は簡単になりました。

しかし、

実際に公開して、継続的に運用できるWebサイトにすること

については、専門的な知識が必要になる場面があります。

「表示できるサイト」と「事業で使えるサイト」は違います。

ホームページは、公開すること自体が目的ではありません。

事業で使用するホームページなら、

・サービスについて知ってもらう

・会社やお店を信頼してもらう

・お問い合わせにつなげる

・予約につなげる

・採用につなげる

・検索から見つけてもらう

などの役割があります。

さらに、実際のお客様がホームページを見る環境はパソコンだけではありません。

スマートフォンから見る方もいます。

そのため、

「PCではきれいだけど、スマホでは文字が小さい」

「画像が画面からはみ出している」

「ボタンが押しにくい」

「どこから問い合わせればいいのか分からない」

という状態では、せっかくホームページを作っても十分に活用できません。

だからこそ私のサービスでは、

AIで作ったものを単純にワードプレスへ移すだけではなく、実際にホームページを見る人のことも考えながら整えること

を大切にしています💻✨

AIで作ったサイトをワードプレス化します

私がココナラで出品しているのが、

「AIで作ったサイトをワードプレス化します」

というサービスです。

ChatGPT、Gemini、Claudeなどの生成AIで作成したサイトやデザイン案をもとに、実際に公開・運用できるワードプレスサイトとして構築します。

たとえば、

「ChatGPTで作ったデザインが気に入っている」

「AIに作ってもらったホームページ案を実際に使いたい」

「デザイン画像しか持っていない」

「スクリーンショットしか残っていない」

という状態でも、まずはご相談いただけます。

「AIでここまでは作れた！」というところから先をお手伝いします。

なぜワードプレス化するの？

「AIでホームページが作れるなら、そのまま使えばいいのでは？」

と思う方もいらっしゃるかもしれません。

もちろん、用途によってはそのまま利用できる場合もあります。

一方で、事業としてホームページを継続的に運営していく場合、公開後にさまざまな変更が発生します。

たとえば、

「営業時間を変更したい」

「料金を変更したい」

「新しいサービスを追加したい」

「お知らせを掲載したい」

「ブログを書きたい」

といった変更です。

そのたびにコードを書き換えたり、Web制作者へ依頼したりするのは大変です。

ワードプレスで管理できるようにしておけば、管理画面から文章や画像などを変更しやすくなります。

そのため私は、

「作って終わり」ではなく、納品後もお客様自身で育てていけるホームページ

を意識して制作しています。

スマートフォンにも対応します

AIで作ったホームページを実際に公開するときに重要なのが、

レスポンシブ対応

です。

レスポンシブ対応とは、パソコン・タブレット・スマートフォンなど、異なる画面サイズに合わせてWebサイトの表示を調整することです。

たとえば、

・PCで横並びのコンテンツをスマートフォンでは縦にする

・小さすぎる文字を調整する

・押しにくいボタンを変更する

・画像が見切れないように調整する

などです。

元のAIデザインをできるだけ活かしながら、

PCでもスマートフォンでも内容が伝わりやすいホームページ

になるよう調整します。

SEOを意識した基本設定にも対応します

ホームページを作った後、

「Google検索からも見つけてもらいたい」

という方も多いと思います。

そこで、基本料金の範囲内で基本的なSEO設定にも対応しています。

SEOとは「Search Engine Optimization（検索エンジン最適化）」のことで、Googleなどの検索エンジンにWebページの内容を適切に理解してもらうための取り組みです。

もちろん、

「SEO設定をすれば必ず検索順位1位になる」

というものではありません。

検索順位には、競合サイト、コンテンツの内容、検索キーワード、サイトの運営状況など、さまざまな要素が関係します。

そのため、検索順位や売上を保証することはできません。

それでも、

ホームページを作る段階からSEOを意識して基本設定を行っておくこと

は大切です。

さらに本格的にアクセス状況を確認したい場合は、Google AnalyticsやGoogle Search Consoleとの連携設定についてもオプションで対応しています。

「AIで作ったものをそのまま移すだけ」ではありません

ここは、今回のサービスで特に大切にしている部分です。

私が行うのは、

AIで生成されたものを機械的にワードプレスへコピーするだけではありません。

AIで作ったデザインは非常に魅力的なものも多い一方、実際にWebサイトとして使用してみると、

「スマートフォンだと読みにくい」

「ボタンが分かりにくい」

「情報の優先順位が伝わりづらい」

「お問い合わせまでの導線が分かりにくい」

といった問題が出る場合があります。

そこでWeb制作者の視点から、

・スマートフォンで見やすいか

・文章が読みやすいか

・ボタンが押しやすいか

・必要なリンクが設定されているか

・情報が伝わりやすいか

なども確認しながら、ワードプレス上で整えていきます。

AIのスピードと、人の目によるWeb制作の調整。

この2つを組み合わせることが、これからのホームページ制作では重要になると考えています。

私に依頼するメリットは？制作で大切にしていること

ホームページ制作サービスは、ココナラにも数多くあります。

その中で私が大切にしているのは、

「きれいなホームページを作って納品すること」だけをゴールにしないこと

です。

ホームページは、完成した瞬間がゴールではありません。

公開後、実際のお客様に見てもらい、会社やサービスについて知ってもらうために使い続けていくものです。

そのため制作時には、

①初めて訪れた人にも事業内容が伝わること

②パソコンだけでなくスマートフォンでも見やすいこと

③必要な情報へ迷わず移動できること

④お問い合わせなど、ホームページの目的につながる導線を考えること

⑤納品後、お客様自身でも更新しやすいこと

を意識しています。

また、

「Webのことが全然分からないので、何を送ればいいのかも分からない」

という方にもご利用いただけるサービスにしたいと考えています。

HTMLやCSSなどの専門的なデータがなくても構いません。

URL・デザイン画像・スクリーンショットなど、現在お持ちのものから確認します。

「こんな状態で相談しても大丈夫かな？」

と思った場合も、まずは現在の状況をお知らせください。

これまでのホームページ制作実績

これまでワードプレスを使ってホームページ制作をしました。

業種やサービスによって、

「どんな情報を最初に見せるべきか」

「どのようなページ構成なら分かりやすいか」

「スマートフォンではどのように見せるか」

は異なります。

そのため、単に見た目を整えるだけではなく、それぞれのホームページに合わせて制作することを大切にしています。

れい│web制作×フォトグラファーのポートフォリオ⬇️

https://coconala.com/mypage/user/portfolios

AIで作られたデザインをワードプレス化する場合も、これまでのWeb制作経験を活かしながら構築します。

使用するワードプレステーマについて

制作には国産ワードプレステーマ「Snow Monkey」を使用しています。

Snow Monkeyを活用しながら、ワードプレスの管理画面から扱いやすく、納品後もお客様ご自身で更新しやすい形を意識して構築します。

基本料金20,000円に含まれる内容

現在の基本料金は20,000円です。

基本料金には、

・AIで作成したデザイン・サイト案をもとにワードプレス構築

・トップページ制作

・コンテンツページ15ページまで

・レスポンシブ対応（PC・スマートフォン）

・ボタン、リンク等の設定

・基本的なSEO設定

・ワードプレス上から更新しやすい形で構築

・修正10回まで

・サーバーへの公開作業

が含まれています。

「AIでデザインを作ったところまではできたけれど、ワードプレス構築ができない」

という方に必要な部分をまとめて対応します。

現在は基本料金内でコンテンツページ15ページまで対応！

ホームページにはトップページ以外にも、

・会社概要

・サービス紹介

・料金

・アクセス

・採用情報

・よくある質問

・プライバシーポリシー

など、さまざまなページが必要になる場合があります。

現在はココナラデビューにつき、

コンテンツページ15ページまで基本料金内で対応しています。

必要なページ数やサイト構成はホームページによって異なりますので、

「自分のホームページの場合は基本料金内で制作できる？」

という場合には、購入前に一度内容を確認させていただきます。

どんなデータがあれば依頼できる？

「AIで作ったサイトのデータをちゃんと用意できていない……」

という方も大丈夫です。

以下のようなものからご相談いただけます。

・AIで作成したサイトのURL

・デザイン画像

・スクリーンショット

・HTMLやCSS等のデータ

・その他、完成イメージが分かるもの

HTMLやCSSなどのデータがなくてもご相談可能です。

たとえば、

「AIで作ったこの画面をホームページにしたい」

というスクリーンショットしかない場合でも、まずはその画像をお送りください。

内容を確認したうえで、

「どこまで再現できるか」

「どのような構築方法がよいか」

を確認します。

ChatGPTで作ったホームページでも大丈夫？

もちろんご相談いただけます。

ChatGPTだけではなく、

・Gemini

・Claude

など、生成AIで作ったサイト・デザイン案にも対応しています。

重要なのは、

「どのAIで作ったか」よりも「どのようなホームページにしたいか」

です。

現在お持ちのURL、データ、画像、スクリーンショットなどから確認します。

デザインを完全に同じように再現できる？

元のイメージにできる限り近づけながら最善を尽くして制作します！

ただし、すべてのデザインを100％そのまま再現できるとは限りません。

ワードプレスの仕様や使用するテーマ、レスポンシブ対応などによって、一部調整をご相談する場合があります。

たとえばPC向けに作られたデザインをそのままスマートフォンに縮小すると、文字が小さくなり、使いにくくなることがあります。

そのような場合には、

「元デザインをそのまま再現すること」

だけではなく、

「元の雰囲気を残しながら、実際に使いやすいホームページにすること」

も考えながらご提案します。

AI × ワードプレスで、ホームページ制作をもっと身近に

これからのホームページ制作は、

「全部プロにお願いする」

か、

「全部自分で作る」

かの二択ではなくなっていくと思います。

たとえば、

①AIと相談しながら自分でイメージを作る

↓

②気に入ったデザインを完成させる

↓

③専門的なワードプレス構築をWeb制作者に依頼する

↓

④公開後は自分で更新する

という作り方もできます。

すでに完成イメージがある状態から制作をスタートできるため、

「完成したら、自分が想像していたホームページと全然違った」

というミスマッチを減らせる可能性もあります。

AIとWeb制作者は、どちらか一方を選ぶものではありません。

AIが得意なところはAIに任せ、人が確認した方がいいところはWeb制作者が担当する。

その組み合わせによって、ホームページ制作はこれまで以上に身近なものになっていくと考えています。

AIで作ったホームページをワードプレス化したい方へ

ChatGPT、Gemini、Claudeなどを使えば、Web制作の経験がない方でも、自分のホームページのイメージを形にしやすくなりました。

デザインもできた。

文章もできた。

サービス内容も載せた。

でも、

「ここからどうやって公開すればいいのか分からない」💭

そんな理由で、せっかく作ったホームページを眠らせてしまうのはもったいないと思います。

最初からすべて作り直さなくても、

「今あるものを活かしてワードプレス化する」

という選択肢があります。

私のサービスでは、

・AIでホームページを作った

・デザインまでは完成した

・スクリーンショットしかない

・ワードプレスへの移行方法が分からない

・HTMLやCSSが分からない

・スマートフォン対応ができない

・公開後は自分で更新したい

そんな方のワードプレス構築をお手伝いします！

AIで作ったものを単純に移植するだけではなく、Web制作者の視点からスマートフォンでの見やすさや使いやすさなども確認しながら制作します。

「自分のデザインでも対応できる？」だけでも大丈夫です

いきなり購入していただく必要はありません。

まずは、

「このデザインをワードプレス化できますか？」

という確認だけでも大丈夫です。

お見積り相談の際に、可能であれば、

①AIで作ったサイトのURL・画像・スクリーンショット

②作りたいページ数

③現在サーバー・ドメインをお持ちか

の3点を、分かる範囲でお送りください。

現在お持ちのデザインを確認したうえで、対応可能かご案内します。

まだ依頼すると決めていない段階でも大丈夫です。

「AIでここまでは作れた！」

というデザインがありましたら、ぜひ一度ご共有ください。

その先のワードプレス構築をお手伝いします。

まずはサービスページの「無料で見積り相談」から、お気軽にご相談ください。

最後まで読んでいただき、ありがとうございました！

れい｜Web制作 × フォトグラファー