テーマの作り方3　手持ちのテーマや HTML を渡して直させる

テーマの作り方の3つ目は、今あるテーマや、HTML と CSS で作ったデザインを渡して、Claude Code に直させる方法です。

HTML や CSS、WordPress をある程度分かっている人に向けた作り方です。

HTML と CSS のデザインをテーマにする

HTML と CSS で作ったデザインがあるなら、それを渡して、WordPress のテーマにしてもらうことができます。

この実践編で扱うクラシックテーマにするには、デザインをページの種類ごとのファイルに分ける必要があります。どのページにも出る上と下の部分、記事のページ、固定ページ、といった分け方です。

あわせて、デザインの中に直接書かれた記事のタイトルや本文を、WordPress が記事ごとに中身を差し込む形に置き換えます。こうした作業を、Claude Code に任せられるわけです。

関連記事：テーマはページの種類ごとのファイルの集まり

私の場合は自作のテーマを渡した

すでにテーマになっているものを渡して、直させることもできます。

私も、自分で作ったテーマを Claude Code に渡して、直させたことがあります。HTML と CSS は独学ですが、基本的な古いタイプのデザインなら、自分で作れるからです。

直させたのは、トップページに何をどのように表示させるかといったレイアウトや、テーマの中の仕組みです。見た目のデザインには、ほとんど手をつけさせていません。

3つの作り方から選ぶ

この実践編では、テーマの作り方を3通り紹介しています。手元に画像のデザインがあるなら2つ目、HTML や CSS、WordPress がある程度分かっていて、手持ちのテーマやデザインがあるなら3つ目です。

関連記事：テーマの作り方1　ゼロから言葉だけで作らせる

関連記事：テーマの作り方2　デザインやラフ案をテーマにする

とはいえ、多くの方は1つ目の方法で足りるはずです。どの作り方でも、できたテーマをブログに入れる手順は同じです。

関連記事：できたテーマを自分のブログに反映する