🌐 AI活用
「WordPressでHP作ってみたいな〜」とずっと思ってたんですが、サーバーとか、ドメインとか、テーマとか、難しそうすぎて全然踏み出せていませんでした💦 でも、Claudeに全部教えてもらいながらやったら、プログラミング知識ゼロの私でも本当にHPが完成したのでレポートします!
「WordPress」「サーバー」「ドメイン」って言葉、聞いたことはあるけど全部よくわからない…というレベルから始めました。
🌸 完成したHP、こんな感じ!
「よわよわかわいい日記」というブログとして作りました。ピンク系のテーマで、トップページ・プロフィールページ・お問い合わせページの3ページ構成です。見た目はこんな感じ:
LIVE
よわよわかわいい日記
日常のよわよわなできごとをかわいく記録していくブログです🌷
最新記事
今日もよわよわな一日でした🐣
プロフィール
よわよわな人間です🌸
💸 かかったお金(正直に全部書きます)
まず気になるのはお金ですよね。私が使ったのはこちら:
| 項目 | サービス | 費用(年) |
|---|---|---|
| レンタルサーバー | エックスサーバー(スタンダード) | 約13,200円 |
| ドメイン | .com ドメイン | 約1,500円 |
| WordPressテーマ | Cocoon(無料!) | 0円 |
| 合計(初年度) | 約14,700円 | |
月換算だと1,200円くらい。ランチ1回分と思えばなんか許せる金額…!テーマが無料なの本当に助かりました。
🪜 Claudeと一緒に進めたステップ
ぜんぶで5つのステップに分けてClaudeと進めていきました。
1
「そもそも何が必要か」を聞いた
WordPressでHPを作るために何を用意すればいいか、順番に教えてもらいました。「サーバー=土地、ドメイン=住所、WordPress=建物」という説明がめちゃくちゃわかりやすかった!
WordPressでHPを作るために何を用意すればいいか、順番に教えてもらいました。「サーバー=土地、ドメイン=住所、WordPress=建物」という説明がめちゃくちゃわかりやすかった!
2
サーバー・ドメインを契約した
「初心者におすすめのサーバーは?」と聞いたらエックスサーバーを勧めてもらいました。申し込みページのどこをクリックすればいいかも画面の説明を伝えながら一緒に進めました。
「初心者におすすめのサーバーは?」と聞いたらエックスサーバーを勧めてもらいました。申し込みページのどこをクリックすればいいかも画面の説明を伝えながら一緒に進めました。
3
WordPressをインストールした
エックスサーバーの管理画面から「WordPress簡単インストール」を使いました。詰まったところでClaudeに画面の状況を伝えたら「それは○○を押すと進めます」って教えてくれた。
エックスサーバーの管理画面から「WordPress簡単インストール」を使いました。詰まったところでClaudeに画面の状況を伝えたら「それは○○を押すと進めます」って教えてくれた。
4
テーマ(Cocoon)を設定した
無料テーマ「Cocoon」を入れてピンクカラーにカスタマイズ。「ヘッダーの色を桜色にしたい」と言ったら具体的なカラーコードも教えてもらいました。
無料テーマ「Cocoon」を入れてピンクカラーにカスタマイズ。「ヘッダーの色を桜色にしたい」と言ったら具体的なカラーコードも教えてもらいました。
5
プロフィールページを作った
「固定ページってなに?」から始まり、文章構成のアドバイスまでお願いしました。プロフィール文の下書きも一緒に考えてもらいました。
「固定ページってなに?」から始まり、文章構成のアドバイスまでお願いしました。プロフィール文の下書きも一緒に考えてもらいました。
💬 実際にClaudeに送ったメッセージ例
こんな感じの日本語だけでやりとりしていました:
📝 序盤に送ったメッセージ
WordPressでブログを作りたいんですが、何から始めればいいかわかりません。プログラミングは全然できません。パソコンは普通に使えます。
かわいいピンク系のブログにしたいです。
まず何を用意すればいいか、順番に教えてもらえますか?🌸
📝 詰まったときのメッセージ
エックスサーバーの管理画面を開いたんですが、「ServerPanel」という画面が出てきてどこを押せばWordPressをインストールできるかわかりません…
「WordPress簡単インストール」というメニューがあるのですが、これで合ってますか?
📝 カスタマイズのお願い
Cocoonのカスタマイズ画面を開きました。ヘッダーの背景色を桜色っぽいピンクにしたいです。
カラーコードを教えてもらえますか?あと、どこに入力するかも教えてください🌷
🫨 困ったこと・詰まったこと正直レポ
正直、全部スムーズじゃなかったです。詰まったポイントも書いておきます。
⚠️ 詰まったポイントベスト3
- ドメインとサーバーの「紐付け作業」でDNSの設定が意味不明だった(Claudeに画面の文言そのまま伝えたら解決)
- WordPressの管理画面が「英語表記」になっていてパニック(日本語化の方法を教えてもらって解決)
- Cocoonのプラグインがうまく有効化できなくて焦った(ブラウザのキャッシュ削除で解決、Claudeが提案してくれた)
どれも「こういう画面が出て、こういうメッセージが書いてあって詰まっています」と伝えるだけで解決できました。エラーメッセージをそのままコピペして貼るのがコツです!
✨ やってみて気づいたこと
一番よかったのは、どんな初歩的な質問でも恥ずかしくなく聞けることです。「固定ページとは?」「パーマリンクって何?」みたいな超基礎的なことでも、呆れずにわかりやすく教えてくれました。
人に聞くと「そんなのもわからないの?」ってなりそうな質問も、Claudeにはなんでも聞けるので心理的なハードルが下がりまくりました。おかげで完走できたと思います。
🌸 まとめ:初心者がWordPressでHP作るときのポイント
- 「サーバー・ドメイン・WordPress」の3つを用意するだけでスタートできる
- テーマは無料の「Cocoon」でも十分かわいくなる
- 詰まったらエラー文やメニュー名をそのままClaudeに伝えれば解決できる
- 恥ずかしい質問ゼロ!どんな初歩的なことでも聞いてOK
- 完成まで大体3〜4時間(休憩含む)でできました
「HPなんて私には無理」と思っていたけど、Claudeと一緒なら本当にできました。アイデアと少しの時間さえあれば、自分だけのHPが持てる時代になったんだな〜とじんわり実感しています🌷 ぜひ試してみてください!

コメント