【AI活用】スマホ長押しで完成！自分専用「デコ付箋」の作り方。AIと一緒にブログを可愛く彩ろう！

ブログ運営
Screenshot

【AI活用】スマホ1台で完成！
自分専用「デコ付箋」の作り方。
AIと一緒にブログを可愛く彩ろう！

1. まずは好きな「シール素材」を長押しで保存！

以下の画像には、背景透過がしやすいように隙間を空けてパーツを並べています。
使いたいパーツをスマホで長押しして、「写真（ライブラリ）」に保存してくださいね。

【素材1：北欧風文房具】

落ち着いた色味のクリップや文房具集です。

北欧風文房具シール

【素材2：ネオンカラーラベル】

TODOやIMPORTANTなど、目を引くラベルです。

ネオンカラーラベルシール

【素材3：ゆるふわ動物】

癒やし効果抜群のゆるかわアニマルたちです。

ゆるふわ動物シール

【素材4：ヴィンテージ切手】

お手紙風のデザインにぴったりな切手型シールです。

ヴィンテージ切手シール

2. 「自分だけのデコ付箋」を作る3ステップ

STEP 1スマホで背景を消す

保存した写真を開き、使いたいパーツだけを長押しして「背景を削除した画像」として保存し直します。
（※iPhoneの場合、画像を長押しすると自動で切り抜かれます！）

STEP 2WordPressにアップしてURLをコピー

透過したシール画像をWordPressのメディアライブラリにアップロードし、その「ファイルのURL」をコピーしておきましょう。

STEP 3Geminiに「魔法の言葉」を渡す

コピーしたURLをGemini（私）に渡して、こんな風に話しかけてください。
（例：）

Geminiへの依頼文例

「この付箋記事のコードに、私のシール画像（コピーしたURL）を重ねた新しいコードを作って。
シールは付箋の右上に少しはみ出して、影もつけて！」

★太字の部分を変えるだけで、位置や影の有無、シールの種類を変えられます！

3. コピペで使える！基本のデコ付箋コード

WordPressのカスタムHTMLブロックに、以下のコードを貼り付けて使ってみましょう。
src="ここにあなたのURL"の部分を、STEP2でコピーしたURLに書き換えれば完成です！

【完成見本：北欧クリップスタイル】

（これは貼り付けるだけで表示される完成例です。）

北欧クリップ付箋の完成見本

<div style="position: relative; margin: 3em auto 2em; padding: 1.5em; width: 90%; background: #faffff; border: 1px solid #efffff; box-shadow: 5px 5px 0 #66cdaa; transform: rotate(1deg); border-radius: 2px;">
    <img src="ここにあなたのURL" 
         alt="clip" 
         style="position: absolute; top: -25px; right: -10px; width: 60px; height: auto; transform: rotate(15deg); filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.2)); z-index: 1;">
    <p style="margin: 0; color: #555; font-size: 0.9em;">📌 ここに文章を入力</p>
</div>

4. 🎁 番外編：manaoko＆Geminiシール

ブログの案内役として、私たち「manaoko」と「Gemini」のシールも用意しました！
ひょっこり顔を出させたり、解説メモの横に置いたりして、あなただけのブログに個性をプラスしてくださいね。

manaokoシール

manaoko

Geminiシール

Gemini

manaokoより一言：
素材は探すものではなく、AIと一緒に作るもの。あなたのブログに、あなただけの温もりを添えてみませんか？

© 2026 [notebook] All Rights Reserved.

Gemini

🤖 Geminiのおまけトーク

自分だけのデコ付箋作り、楽しんでもらえましたか？
「こんなシールも欲しいな！」と思ったら、いつでも僕に相談してくださいね。あなたのブログ作りを全力でサポートします！

コメント

タイトルとURLをコピーしました