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

テーマの作り方の2つ目は、見た目のイメージを画像で見せて、テーマにしてもらう方法です。

ほとんどの方は、1つ目の「ゼロから言葉だけで作らせる」方法で十分だと思います。

ただ、頭の中のイメージをすでに紙に描いている方や、デザインのソフトで作った画像を持っている方なら、それを見せるという手もあります。

画像で見せられるもの

見せられるのは、たとえば次のようなものです。

• 紙に手で描いたラフ案を、写真に撮ったもの
• Photoshop や Illustrator などで作ったデザインを、画像に書き出したもの

Claude Code は画像を読める

Claude Code には、チャットに画像を貼りつけたり、ドラッグしたりして見せることができます。

Claude Code は画像から並び方や色合いを読み取り、それをもとにテーマのファイルを作っていく、という流れです。

ただ、WordPress のテーマは、ページの種類ごとにファイルが分かれています。「WordPress のテーマの形に合わせて作ってください」と頼めば、画像のデザインをその形に組み立て直してもらえます。

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

画像だけで伝わらないことは言葉で

たとえば、スマホで見たときに並びをどう変えたいのかや、トップページと記事のページで見せ方を変えたいかどうかは、1枚の画像からは伝わりにくいところです。

こうしたことは、画像と一緒に言葉で添えておきましょう。

ブログの企画書やブログ部門の CLAUDE.md があるなら、それも一緒に読んでもらいましょう。どんなブログなのかが伝われば、画像に描いていない部分も、ブログに合わせて考えてもらいやすくなります。

HTML や CSS のデザインなら

HTML や CSS で作ったデザインがあるなら、画像にせず、そのまま渡す方法もあります。こちらは3つ目の方法として紹介しています。

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

できたテーマをブログに入れる手順は、どの作り方でも同じです。

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