要約：Claude Code で WordPress サイトを構築する方法
Claude Code は、AI チャットセッションだけで、エディターに触れることなく、最初から最後まで実際の WordPress サイトを構築できます。ただし、提供する指示の質に依存するため、ここではその要点を説明します。
- Claude Code をサイトに接続する：無料の WPVibe プラグインでワンクリックで接続できます。
- まず、ビジネスの全体像を伝える：実名、住所、営業時間、価格、ストーリーなどを伝えないと、AI がそれらをでっち上げます。
- 個別のページではなく、サイト全体を依頼する：ヘッダー、フッター、メニュー、ブログなどがすべて一致するようにします。
- 公開前にすべてのページを確認する：具体的に指示しなかったことには、でっち上げの詳細が紛れ込む可能性があります。
- 結論：適切に指示し、作業を確認すれば、架空のサイトではなく、実用的なサイトが得られます。
あなたのビジネスが何をしているかは、あなた自身が一番よく知っています。それを、見栄えの良い WordPress サイトに落とし込むのに時間がかかります。
テーマの選択、各ページのレイアウト、ヘッダー、フッター、フォント、メニューをすべてのページで一致させること。これらが週末を食いつぶす部分であり、多くの人がホームページすら完成しないうちに挫折します。
そこで、代わりに Claude Code を使ってサイトを構築してみました。花屋について数文指示しただけで、4 分 40 秒でサイト全体が構築されました。ホームページ、会社概要、サービス、お問い合わせ、そして動作するブログがすべて一致しており、WordPress エディターを一度も開く必要はありませんでした。
このガイドでは、Claude Code で WordPress サイトを構築する方法と、実際のサイトと、説得力のある架空の詳細で満たされたサイトのどちらになるかを決定する 1 つの習慣について、正確に説明します。
Claude CodeはWordPressサイトを構築できますか？
はい、Claude Code は WordPress サイトを構築できます。正直なところ、予想よりも速かったです。しかし、望む結果を得るには、舞台裏で 3 つのものが連携して機能する必要があります。
まず、この構築に使用した AI アシスタントである Claude Code です。これはターミナルで実行され、あなたが実際に話しかける部分であり、平易な英語でやり取りします。
また、Claude を WordPress サイトに接続する無料プラグインである WPVibe も必要になります。これにより、あなたが技術的な作業を行うことなく、実際の変更を加えることができます。
最後のピースは、ドラッグ＆ドロップの WordPress ウェブサイトビルダーである SeedProd です。これにより、サイト構築プロセス全体がより速く、より簡単になります。
要するに、Claude が下準備をし、WPVibe がサイトに指示を送り、SeedProd がそれらを実行します。そして最も重要なのは、あなたが指示を出すということです。
Claude CodeでWordPressサイトを構築する方法（ステップバイステップ）
Claude Code でサイトを構築することは、4 つのステップに集約されます。正直に言うと、ステップ 2 がすべてを成功させるか失敗させるかの鍵となります。
- Claude Code をサイトに接続する。
- ビジネスの全体像を伝える。
- サイト全体を構築させる。
- 公開前にすべてのページを確認してください。
ステップ1：Claude Codeをサイトに接続する
まず、無料のWPVibeプラグインを使用して、Claude CodeをWordPressサイトに接続します。他のプラグインと同様に、プラグインディレクトリからインストールして有効化してください。
次に、WPVibeは接続を承認するためのワンクリックリンクを提供します。それをクリックして承認すると、Claudeはアプリパスワードや設定なしでサイトにアクセスできます。
これらすべてをターミナル内のClaude Codeチャットから行います。リンクしたら、Claudeにページを一覧表示するように依頼すると、サイトが見えていることがすぐにわかります。
このサイトを構築しているときに私を悩ませたことの1つは、SeedProdがインストールされているだけでなく、有効になっている必要があるということです。したがって、開始する前に有効にしてください。そうしないと、Claudeはそれを使用して何も構築できません。
ステップ2：ビジネスの全体像を伝える
Claudeに事前に伝える内容が、実際のサイトで終わるか、でっち上げの情報がたくさんあるサイトで終わるかを決定します。
そのため、次のような実際の詳細を提供してください。
- あなたの会社名
- 住所
- 営業時間
- 価格
- 実際に提供しているもの
- あなたのストーリー
省略した内容はすべて、喜んで補完してくれます。それは事実のように読めるでしょう。
そのいずれも整理する必要はありません。会社概要ページ、サービスリスト、または古いパンフレットがあれば、チャットに貼り付けてClaudeに必要なものを引き出させてください。
最初に、ビジネスの形状は与えましたが、住所、営業時間、価格などの事実は何も与えませんでした。そのため、自分で推測して補完し、すべての推測が真実のように読めました。
逆のことをしてください。次のように、実際の詳細を事前に提供してください。
「Faversham、Kentにある花屋、Birch and Bloomのウェブサイトを構築してください。2019年に開店しました。ウェディングフラワー、週刊サブスクリプション、即日配達を行っています。火曜日から土曜日、午前9時から午後5時まで営業。電話番号は01795 000000です。トーンは暖かくローカルに保ってください。」
より多くの実際の詳細を提供すればするほど、推測する必要が少なくなります。ここで5分費やせば、後で1時間の修正時間を節約できます。
ステップ3：サイト全体を構築させる
次に、ページごとではなく、すべてを一度に構築するように指示してください。私の構築で最も重要だった行は次のとおりです。
「個々のランディングページを作成するだけでなく、SeedProdのテーマビルダーを使用できるかどうかテストしたいと思います。」
その指示だけで、得られるものが変わります。テーマビルダーは、一致しないバラバラのページではなく、すべてのページに共通のヘッダー、フッター、メニューを配置するものです。
Claudeはそれを有効にし、ホームページと内部ページを自分で構築しました。
次に、実際のサイトに必要な部分を要求しました。
「ブログインデックスとシングル投稿テンプレートを追加してください。」
両方を構築したので、ブログのリストとそれ以降のすべての投稿は同じデザインを継承します。チャットでそれが起こるのを見ることができます。自分でビルダーを操作する必要はありません。
これを実行する前に知っておくと良いことの1つ。テーマビルダーを有効にすると、新しいホームページとブログページが作成され、サイトがそれらを使用するページが切り替わります。
後で無効にしても元には戻らないため、最初に現在の設定をメモしてください。致命的な問題ではありませんが、知っておくと良いことです。
ステップ4：公開前にすべてのページを確認する
しっかりした指示があっても、公開前にすべてのページを読んでください。あなたが明確にしなかったことは、まだ発明される可能性があり、それは事実のように読めます。
すべてのページを確認し、間違っていた場合に実害が生じる可能性のある詳細（氏名、住所、電話番号、価格、営業時間など）をチェックしてください。
何かおかしい点を見つけても、手動で修正する必要はありません。チャットでClaudeに「電話番号は01795 000000であるべきです」と指示すれば、ページが更新されます。
新しい従業員の最初の仕事ぶりをチェックするようなものです。今回は念入りに確認しますが、その後は正しく表示され続ける部分を信頼します。
Claude Codeが構築してくれたウェブサイト
これら4つのステップを踏めば、適切なWordPressウェブサイトが完成します。私が花屋のために試したとき、Claude Codeは一貫したデザイン、完全なページ、そして動作するブログを備えた接続されたサイトを構築しました。
メインページは、約4分40秒でまとまりました。ホームページ、内部ページ、ブログなど、すべてが一致して表示されるのをただ見ていました。私が行うべきことは何もありませんでした。
ブログも飾りではありませんでした。通常、始めたばかりの頃は午後を費やすことになるような、適切なシングル投稿レイアウトで実際の投稿が取り込まれていました。
お問い合わせページとサービスページも完成し、サイトの他の部分と同じヘッダーとフッターが適用されていました。
この方法でWordPressサイトを構築すべきか？
はい、このようにWordPressサイトを構築することは価値があり、高速ですが、2つの小さな注意点があります。WordPressを操作する代わりにAIチャット内で作業することになり、公開前に構築されたものを確認する必要があります。
どちらのルートを選択するかは、構築するものによって異なります。
| アプローチ | 最適な対象 | 得られるもの |
|---|---|---|
| フルウェブサイト（テーマビルダー） | 実際のマルチページビジネスサイト | すべてのページに同じメニューとブランディング、そしてブログ |
| シングルランディングページ | 1つの焦点化されたページ（プロモーション、オプトイン、または近日公開ページ） | 共有ナビゲーションのないスタンドアロンページ |
本格的なビジネスサイトの場合は、フル接続ウェブサイトを選択してください。単一の焦点化されたページが必要なだけで、それ以外は何も必要ない場合は、シングルランディングページを使用してください。
いずれにしても、実際の構築を行うのはSeedProdです。Claudeが作成したすべてのページは、下層でSeedProdのページでした。
バラバラのページを実際のウェブサイトに変える部分は、SeedProdのテーマビルダーです。これにより、すべてのページに同じヘッダー、フッター、メニューが適用され、本格的なブログが利用できるようになります。これはPlusプランの機能です。
最初のドラフトは簡単な部分であり、それを正確にするのはあなた次第です。
あなた自身のサイトを構築するためにSeedProdを開始する。
Claude Code で WordPress サイトを構築する FAQ
Claude CodeでWordPressサイトを構築するためにコーディングの知識は必要ですか？
いいえ、自分でコードを書く必要はありません。ただし、ターミナルで指示を入力することに抵抗がなく、公開前にAIの作業を確認する意欲がある必要があります。
AIにライブのWordPressサイトへのアクセスを許可するのは安全ですか？
WPVibeを通じてワンクリックで接続でき、パスワードのやり取りはありません。それでも、ライブサイトに適用する前に、テストサイトまたはステージングサイトで構築し、すべてを確認することをお勧めします。
Claude Codeは既存のサイトを編集できますか、それとも新しいページのみを構築できますか？
どちらも可能です。既存のページを編集することも、新しいページを作成することもできます。このテストはたまたまゼロから構築したものでした。
ページはサイトの速度やSEOに悪影響を与えますか？
ページはSeedProdの軽量出力を利用しているため、速度は問題ありません。ここでのSEOのリスクは、発明されたコンテンツです。だからこそ、公開前にすべてのページを確認する必要があるのです。
私のフローリストサイトは5分もかからずに構築できました。その後の修正に時間がかかったのは、最初の指示に穴があったためだけです。
最初にClaudeに全体像を伝えれば、そのほとんどをスキップできます。
SeedProdでサイトを構築し、公開前にすべてのページを読み直してください。
お読みいただきありがとうございます！皆様のご意見をお聞かせいただければ幸いです。お気軽に会話にご参加ください YouTube, X および Facebook で、ビジネスを成長させるための役立つアドバイスやコンテンツをさらにご覧ください。
