テーマの作り方1　ゼロから言葉だけで作らせる

どんなデザインにしたいかが決まったら、次はテーマ作りに入ります。オリジナルのテーマの作り方には、大きく分けて3通りあります。

この記事では、そのうちの1つ目、何もないところから言葉だけで Claude Code にテーマを丸ごと作らせる方法を紹介します。

テーマの作り方は3通り

3つの違いは、何を渡して始めるかです。

1. ゼロから言葉だけで作らせる（この記事）
2. デザインやラフ案を渡して、テーマにしてもらう
3. 手持ちのテーマや HTML を渡して、直させる

ゼロから作らせる方法なら、手元にテーマやデザインがなくても始められます。要るのは、どんなブログにしたいかという言葉だけ。私がゲームのサイトのテーマを作ったときも、この方法でした。

ハナさんの頼み方

本を紹介するブログを始めるハナさんも、この方法で作ることにしました。ブログ部門のフォルダでチャットを開き、次のように頼んでいます。

ブログ部門の CLAUDE.md に書いた見た目に沿って、WordPress のオリジナルのテーマをゼロから作ってください。昔ながらの形のクラシックテーマでお願いします。

見た目については、ブログ部門の CLAUDE.md に次のように書いてあります。だから頼むときに、細かく言い直す必要はありませんでした。

【見た目】
・図書館や古い喫茶店のような、落ち着いた雰囲気。
・生成りの紙のような背景に、深い緑。見出しは明朝体。
・文字は大きめ、行間は広め。スマホで読みやすく。
・表紙画像は使わない。文字が主役。

「クラシックテーマで」と添えたのは、この実践編で扱うのが、ページの種類ごとにファイルが分かれた昔ながらの形のテーマだからです。

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

Claude Code からの報告

しばらくすると、Claude Code から「テーマができました」と報告がありました。ブログ部門の中には、テーマのフォルダと、WordPress に入れるために一つにまとめた zip のファイルができています。

報告によると、見た目は CLAUDE.md に書いたとおりです。背景は生成りの紙の色で、見出しは明朝体。文字は大きめで行間を広めにとり、スマホで見ても横にはみ出さないことまで確かめてくれていました。

一つだけ、Claude Code が自分で足したものもあります。トップページのいちばん上に置いた「いまの気分から、探す」という欄で、「眠れない夜に」などのカテゴリがボタンのように並びます。

何を読めばいいか分からない人が、気分から本を選べるようにするためだそうです。ハナさんの企画書で、読者として挙げていた人たちそのままです。

まだ試せていないことも報告に

報告には、「正直にお伝えしたいこと」という項目もありました。このパソコンには WordPress を動かす道具が入っていないので、本物の WordPress の上ではまだ試せていない、という内容です。

見た目は、スマホの大きさの見本ページで確かめたうえでの報告でした。本物の WordPress の上でどう表示されるかは、ブログに入れてみて初めて分かります。

報告の最後のほうには、管理画面のどこを押せばテーマを入れられるのかも一歩ずつ書いてありました。実際にブログに入れて、初めて表示したときの様子は、こちらの記事で紹介しています。

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