- Part 3

ここはタグ「」の3ページ目になります。

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

手描きのラフ案や、Photoshop・Illustrator で作ったデザインの画像があるなら、それを Claude Code に見せてテーマにしてもらう方法もあります。仕組みと、画像と一緒に言葉で伝えたいことを紹介します。

オリジナルのテーマの作り方は3通りあります。1つ目は、何もないところから言葉だけで Claude Code にテーマを丸ごと作らせる方法です。ハナさんの実際の頼み方と、Claude Code からの報告を紹介します。

テーマを作り始める前に、どんな見た目にしたいかを言葉にしておきます。デザインの専門用語は要りません。コンセプトを伝えるだけでも形になること、好みがあるときの伝え方を、ハナさんの例で紹介します。

企画書ができたら、ブログ用のフォルダを部門にして、Claude Code に CLAUDE.md を書かせます。書評ブログを始めるハナさんの実際の画面を見ながら、頼み方と、できあがった CLAUDE.md の中身を紹介します。

テーマのコードも記事の体裁も Claude Code に任せられます。でも、何を発信するのか、誰に届けたいのかは、あなたにしか決められません。ブログの企画書の書き方を、記入例つきで紹介します。

WordPress のテーマは、ページの種類ごとに見た目のファイルが分かれています。中身のコードを覚える必要はありません。でも、仕組みをある程度知っておかないと、Claude Code に直しの指示が出せません。

テーマ作りは Claude Code に任せられても、WordPress の管理画面を操作するのはあなたです。いちいち聞かずに済むように、投稿と固定ページ、カテゴリとタグ、テーマとプラグインの違いを押さえておきましょう。

人に直しを頼むとき、「やっぱり元に戻して」は言いにくいもの。Claude Code なら、ふだんの言葉で伝えるだけで、何度でも頼み直せます。「ちょっと」「少し」のニュアンスまで汲んでくれる、テーマ作りを任せられる社員です。

デザインもコーディングもできなくても、WordPress のオリジナルのテーマは作れます。コードは Claude Code に任せ、あなたは言葉で伝えるだけ。レスポンシブも組み上げてくれた筆者の体験と、この実践編の流れを紹介します。

AI が出したものの良し悪しを見抜く目は、AI に触れる回数を増やしても育たない。私はそう考えています。必要なのは、自分の手で作ってきた経験。なければ、AI を使わずに作られた本物に触れること。判断する目の育て方を紹介します。

Claude Code を長く使っていると、伝えた指示が守られなかったり、勝手なことをされたりすることがあります。そんなときは、直し方を指示せずに考えさせる。その前に、あなた（社長）と部門の軸を決めておく。使ってきて効いたと感じた2つのコツを紹介します。

Claude Code が書き出したファイルは、テキストエディタで開くと、ちょっと読みにくいもの。私は、下書きや一覧表をアプリの中のブラウザで、読みやすいページにして見せてもらっています。確かめているものと、見せ方の工夫を紹介します。