【保存版】Geminiでブログを彩る！
全24種類のデザイン図鑑
ウェーブデザイナーmanaokoが贈る、AIと一緒に作るブログ装飾の決定版。
全6シリーズ、24種類のスタイルをこの1ページにまとめました。
✨ 使い方はとっても簡単！
1. 気になるスタイルのリンクをクリックして記事へ飛ぶ
2. お気に入りのスタイルの「スクショ」を撮る
3. Geminiに「これと同じデザインのコードを作って！」と渡すだけ！
※微調整が必要な時は、各記事にある「指示レシピ」を添えてみてくださいね。
デザインは、もっと自由でいい。
コードが書けなくても、Geminiというパートナーがいれば、あなたのブログはもっと輝きます。
この24のデザインが、あなたの「伝えたい想い」の助けになれば嬉しいです！
manaoko直伝！
Geminiを動かす「魔法の合言葉」
お気に入りのデザインを再現したいときは、Geminiにスクショをアップロードして、以下の「魔法の合言葉（プロンプト）」をコピー＆ペーストして送ってみてください！誰でも簡単に自分専用のコードが手に入ります。
このスクショのデザインを、WordPressの「カスタムHTML」ブロックで使えるHTMLとCSS（style属性）だけで再現してください。
💎 守ってほしいポイント：
1. 本文を囲む「全体装飾」として作成して。
2. CSSはすべてタグの中に書き込む（インライン形式）にして。
3. スマホで見ても崩れないように、横幅は自動調整（max-width）にして。
4. スクショの雰囲気に似た「SVG装飾」や「背景色」を使って、可愛く仕上げて！
※Geminiが画像の内容を説明し始めたら、「説明はいいから、コードだけ出力して！」と追加で伝えるとスムーズですよ♪
コメント