「WordPressのテーマって、自分で作れるの？」
答えは、作れます。しかもコードをほぼ書かずに。
この記事では、私がClaude Codeを使ってこのブログのテーマを自作した話を書きます。エンジニアでも、今WordPressでブログを運営している方にも、会社でWordPressを使っている方にも届けたい内容です。
なぜCocoonをやめて自作テーマにしたのか
WordPressを始めたとき、最初はCocoonを使っていました。Cocoonは機能が充実していて、SEOにも強い、本当によくできたテーマです。
でも、使っていくうちに気になることが出てきました。
自分の色が出せない。
Cocoonを使っているブログは世の中にたくさんあります。デザインをカスタマイズしても、どこかCocoonっぽさが残る。自分のブログなのに、誰のものかわかりづらい。
そこで、Claude Codeに相談しながら、オリジナルテーマを作ることにしました。
作り方はシンプル。まずロゴから決めた
テーマ自作の最初のステップは、ロゴのデザインでした。
Claude Codeに「このブログのロゴを作ってほしい」と伝えて、イメージに合うものを生成してもらいました。そのロゴを見て、次にこう伝えました。
「このロゴのデザインに合うWordPressテーマを作ってほしい。今伸びているブログやアクセス数が多いブログの特徴を調査して、それらと似たようなデザインにしてほしい」
これだけです。
Claude Codeはまず競合調査をして、伸びているブログのデザインパターンを分析し、それをもとにテーマのコードを書いてくれました。PHP・CSS・JavaScriptのファイルを全部、自分で書いた行はほぼありません。
「エラーが出たら自分で対応が必要？」という不安
テーマを自作すると聞くと、こんな不安が出てくると思います。
「PHPのエラーが出たらどうするの？」「CSSが崩れたらどう直すの？」
実際のところ、Claude Codeがエラーを検知して自分で直してくれます。
Xserverの設定をいじるタイミングもありましたが、そのときもClaude Codeが「こういう操作をしてください」と指示を出してくれるので、私はその通りに動くだけでした。
エンジニアとしてコードを読める知識があれば安心ですが、正直なところなくても進められます。
実際にできあがったテーマを見て感じたこと
完成したテーマを初めて見たとき、率直に「モダンだな」と思いました。
Cocoonと比べて明らかに変わったのは2点です。
1. 今風のデザインになった
Cocoonは良い意味でも悪い意味でもシンプルです。機能的だけど、デザインとして見るとどこかありきたり。自作テーマにしてから、トップページを見たときの「読んでみたい」という気持ちが出やすくなった実感があります。
2. 自分のサイトだとわかる
これが一番大きい変化かもしれません。同じCocoonを使っているブログを並べると、誰のものかわかりづらい。でも自作テーマなら、見た瞬間に「あ、AI時間だ」とわかります。自作テーマは、自分のメディアの一番の証明になります。
どのくらいの知識が必要か
正直に言います。
| 必要な知識 | 実態 |
|---|---|
| PHP | Claude Codeが全部書く。読めなくてもOK |
| CSS | 同上 |
| WordPress の基本操作 | 必要（テーマのアップロード等） |
| Xserverの操作 | Claude Codeが都度指示してくれる |
| コードを書く | ほぼゼロ |
「テーマを自作する」と聞くと高いハードルを感じますが、実際はClaude Codeとの会話で進んでいきます。
テーマ自作に興味があるなら、まずやること
Claude Codeに話しかけてみてください。
「今Cocoonを使っているのですが、
ヘッダーのデザインをこんな感じに変えたいです」
「WordPressのオリジナルテーマを作りたいです。
ブログのテーマはAI×副業で、ターゲットは30代の会社員です」
既存テーマの一部を直すところから始めても全然OKです。いきなりフルスクラッチじゃなくても、「ここだけ変えたい」という相談から始められます。
まとめ
| 項目 | 内容 |
|---|---|
| 必要な作業 | Claude Codeに指示を出すだけ |
| コードを書く量 | ほぼゼロ |
| 得られるもの | 自分だけのデザイン・自分のメディアの証明 |
| おすすめの始め方 | 既存テーマの一部改修からスタート |
WordPressのテーマ自作は、もはやエンジニア専用の作業ではありません。自分のブログに自分の色を出したい方は、ぜひClaude Codeと一緒に試してみてください。
WordPressのブログ開設自体がまだの方は、まずXserverでの開設から始めてみてください。
ムカイ
関連ツールを見る
この記事で紹介したツール・サービスをまとめてチェック。
