ブログのアイキャッチをChatGPTで「同じ型」で作る方法｜そのまま使える指示文つき

なぜアイキャッチを作ったのか

このブログは最初、記事にアイキャッチ画像がありませんでした。トップページのカードが全部同じ「文字の箱」に見えて、どれを読めばよいか分かりにくい状態でした。

そこで、記事ごとにタイトル入りの画像を付けることにしました。ただ、1枚ずつ自由に作ると、色も絵柄もバラバラになります。

私も使っていません。ChatGPTに「毎回同じ型」で頼むだけで、下のように並べてもそろって見えます。

型を決める：毎回同じにするもの

最初に1枚だけ「見本」を作り、気に入った形を型として固定しました。毎回同じにするのは次のものです。

• 背景の色（淡い緑）と、線の色（こげ茶）
• 文字の位置（左上にカテゴリ、左にタイトル2行、その下にサブタイトル）
• キャラクターの位置（右側）と、右下のブログ名
• 文字の書体と大きさ

記事ごとに変えるのは、カテゴリ・タイトル・サブタイトル・リスのしぐさ・パソコン画面の印の5つだけです。

カテゴリの色は、ブログのラベルと同じ色にそろえました。

キャラクターをそろえるコツ

何も添付せずに「リスを描いて」と頼むと、毎回ちがうリスになります。そこで、リスの絵を1枚用意し、毎回添付して「添付画像のリスと同じ顔・同じ色・同じしま模様で」と書くようにしました。

リスの絵は、記事の雰囲気に合わせて3種類を使い分けています。

• 説明の記事：パソコンに向かっているリス
• まとめ・うまくいった記事：笑っているリス
• トラブル・注意の記事：ふつうの表情のリス

文字化けを防ぐ書き方

画像の中の文字は、AIがいちばん間違えやすいところです。次の4つを守ると、ほぼ指示どおりに出るようになりました。

• 描いてほしい文字は「」でくくり、「この文字だけをそのまま描く」と書く
• タイトルは1行12字前後で、2行に分けて書く
• 数字は漢数字にする（「4つ」より「四つ」）。半角の数字は抜けやすい
• 「絶対に英語化しない」と書く

作る手順

指示文のひな形

実際に使っている指示文です。【　】の5か所を記事ごとに書き換えます。

横長「16:9」のブログ記事アイキャッチ画像を1枚生成してください（quality: high）。

【全体スタイル】
やさしい手描き風のフラットイラスト。線はこげ茶（カラーコード「5B4A32」）の太い線で、添付したリスのイラストと同じタッチにする。
背景は淡い緑（カラーコード「E8F3ED」）の無地。黄緑（カラーコード「86B432」）の小さなどんぐりと葉を、四隅に控えめに散らす。

【構図（毎回この位置で固定）】
・左上：カテゴリのラベル「【カテゴリ名】」（角丸の帯、背景カラーコード「【カテゴリ色】」、白文字）
・左側（横幅の約六割）：タイトルを大きく左揃えで2行
　1行目「【タイトル1行目】」
　2行目「【タイトル2行目】」
・タイトルの下：白い角丸の帯の上にサブタイトル「【サブタイトル】」
・右側（横幅の約四割）：添付画像のリス（同じ顔・同じ色・同じしま模様）が、【リスがしていること】。パソコンの画面に【画面の印】。
・右下の隅：小さな文字「（ブログ名）」

【制約】
・リスは添付画像のキャラクターを忠実に再現する
・文字は上で「」に入れたものだけ、そのまま正確に描く
・装飾過剰禁止（flat design、no clip art）
・絶対に英語化しない
・アスペクト比「16:9」

色やキャラクター、ブログ名を自分のブログに合わせて変えれば、そのまま使えます。

一度型を決めてしまえば、あとは5か所を書き換えるだけ。1枚あたり数分で作れます。

まとめ

• アイキャッチは、最初に見本を1枚作って「型」を固定する
• キャラクターは、毎回同じ絵を添付して「同じ顔で」と頼む
• 文字は「」でくくり、数字は漢数字に。送る前に数字が抜けていないか確かめる
• 公開後は、カードで文字が欠けていないかを見る

次に読むなら

• EmDashブログのデザインを作り直した記録
• ブログの名前・ロゴ・ファビコンを決めた話