「コードを貼るだけ！自分のブログが手帳になる「手帳素材」コピペコーナーを公開しました」

WEEKLY PLANNER

MON

TUE

WED

THU

FRI

SAT

SUN

JANUARY MOMENTS

🍽️ TODAY’S MENU

Breakfast

Lunch

Dinner

Snack / Other

📔 手帳素材コピペコーナー

使いたい素材のボタンをタップしてね！
コピーしたコードは、自分のブログの「カスタムHTML」に貼るだけで使えます🌸

🌸 TODOリスト (5項目)

<div class="planner-container"><div class="planner-header" contenteditable="true">MY DAILY TO DO</div><ul class="planner-list"><li><input type="checkbox"><span class="edit-area" contenteditable="true">項目1</span></li><li><input type="checkbox"><span class="edit-area" contenteditable="true">項目2</span></li><li><input type="checkbox"><span class="edit-area" contenteditable="true">項目3</span></li><li><input type="checkbox"><span class="edit-area" contenteditable="true">項目4</span></li><li><input type="checkbox"><span class="edit-area" contenteditable="true">項目5</span></li></ul></div><style>.planner-container{max-width:400px;margin:20px auto;background:#fffaf5;border:2px solid #e0d5d0;border-radius:15px;padding:20px;font-family:sans-serif;}.planner-header{text-align:center;font-weight:bold;color:#a68b81;border-bottom:1px dashed #a68b81;padding-bottom:10px;margin-bottom:15px;outline:none;}.planner-list{list-style:none;padding:0;}.planner-list li{padding:10px 0;border-bottom:1px solid #f0e6e1;display:flex;align-items:center;}.edit-area{flex-grow:1;color:#555;outline:none;}.planner-list input[type="checkbox"]{margin-right:15px;accent-color:#a68b81;width:18px;height:18px;}</style>

📅 ウィークリー

<div class="weekly-planner"><div class="planner-title">WEEKLY PLANNER</div><div class="days-container"><div class="day-box"><span class="day-label">MON</span><div class="content-area" contenteditable="true"></div></div><div class="day-box"><span class="day-label">TUE</span><div class="content-area" contenteditable="true"></div></div><div class="day-box"><span class="day-label">WED</span><div class="content-area" contenteditable="true"></div></div><div class="day-box"><span class="day-label">THU</span><div class="content-area" contenteditable="true"></div></div><div class="day-box"><span class="day-label">FRI</span><div class="content-area" contenteditable="true"></div></div><div class="day-box sat"><span class="day-label">SAT</span><div class="content-area" contenteditable="true"></div></div><div class="day-box sun"><span class="day-label">SUN</span><div class="content-area" contenteditable="true"></div></div></div></div><style>.weekly-planner{max-width:800px;margin:20px auto;background:#fff;border:1px solid #d1d9e0;border-radius:10px;padding:20px;font-family:sans-serif;}.planner-title{text-align:center;color:#7a8ba3;letter-spacing:0.3em;margin-bottom:20px;font-weight:bold;}.days-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;}.day-box{border:1px solid #eef2f6;border-radius:8px;min-height:120px;display:flex;flex-direction:column;}.day-label{background:#f0f4f8;color:#7a8ba3;font-size:0.7rem;padding:5px;text-align:center;}.sat .day-label{background:#e8f0fe;color:#6a89cc;}.sun .day-label{background:#fef0f0;color:#cc6a6a;}.content-area{padding:8px;outline:none;font-size:0.8rem;background-image:linear-gradient(#f9fbff 1px,transparent 1px);background-size:100% 1.5em;}</style>

🌿 習慣トラッカー (5項目)

<div class="habit-tracker"><div class="habit-header" contenteditable="true">HABIT TRACKER</div><table style="width:100%;border-collapse:collapse;"><thead><tr><th style="color:#78a594;font-size:0.7rem;padding-bottom:10px;">HABITS</th><th>M</th><th>T</th><th>W</th><th>T</th><th>F</th><th>S</th><th>S</th></tr></thead><tbody><tr><td style="padding:10px;font-size:0.85rem;border-bottom:1px solid #e2eee9;outline:none;" contenteditable="true">習慣1</td><td><input type="checkbox"></td><td><input type="checkbox"></td><td><input type="checkbox"></td><td><input type="checkbox"></td><td><input type="checkbox"></td><td><input type="checkbox"></td><td><input type="checkbox"></td></tr><tr><td style="padding:10px;font-size:0.85rem;border-bottom:1px solid #e2eee9;outline:none;" contenteditable="true">習慣2</td><td><input type="checkbox"></td><td><input type="checkbox"></td><td><input type="checkbox"></td><td><input type="checkbox"></td><td><input type="checkbox"></td><td><input type="checkbox"></td><td><input type="checkbox"></td></tr><tr><td style="padding:10px;font-size:0.85rem;border-bottom:1px solid #e2eee9;outline:none;" contenteditable="true">習慣3</td><td><input type="checkbox"></td><td><input type="checkbox"></td><td><input type="checkbox"></td><td><input type="checkbox"></td><td><input type="checkbox"></td><td><input type="checkbox"></td><td><input type="checkbox"></td></tr><tr><td style="padding:10px;font-size:0.85rem;border-bottom:1px solid #e2eee9;outline:none;" contenteditable="true">習慣4</td><td><input type="checkbox"></td><td><input type="checkbox"></td><td><input type="checkbox"></td><td><input type="checkbox"></td><td><input type="checkbox"></td><td><input type="checkbox"></td><td><input type="checkbox"></td></tr><tr><td style="padding:10px;font-size:0.85rem;border-bottom:1px solid #e2eee9;outline:none;" contenteditable="true">習慣5</td><td><input type="checkbox"></td><td><input type="checkbox"></td><td><input type="checkbox"></td><td><input type="checkbox"></td><td><input type="checkbox"></td><td><input type="checkbox"></td><td><input type="checkbox"></td></tr></tbody></table></div><style>.habit-tracker{max-width:600px;margin:20px auto;background:#f4fcf9;border:2px solid #d1e7dd;border-radius:15px;padding:20px;font-family:sans-serif;}.habit-header{text-align:center;color:#5a8d7a;font-weight:bold;margin-bottom:20px;}.habit-tracker td{text-align:center;border-bottom:1px solid #e2eee9;}input[type="checkbox"]{accent-color:#84bfa4;width:18px;height:18px;}</style>

🌙 1ヶ月日記(31日)

🍽️ 献立メモ (5項目)

<div class="meal-planner"><div class="meal-header">TODAY’S MENU</div><div class="meal-item"><span style="background:#ffb4a2;color:white;padding:2px 10px;border-radius:10px;font-size:0.75rem;">Breakfast</span><div style="min-height:30px;background:white;border-radius:10px;padding:8px;font-size:0.9rem;outline:none;margin-top:5px;" contenteditable="true"></div></div><div class="meal-item"><span style="background:#ffb4a2;color:white;padding:2px 10px;border-radius:10px;font-size:0.75rem;">Lunch</span><div style="min-height:30px;background:white;border-radius:10px;padding:8px;font-size:0.9rem;outline:none;margin-top:5px;" contenteditable="true"></div></div><div class="meal-item"><span style="background:#ffb4a2;color:white;padding:2px 10px;border-radius:10px;font-size:0.75rem;">Dinner</span><div style="min-height:30px;background:white;border-radius:10px;padding:8px;font-size:0.9rem;outline:none;margin-top:5px;" contenteditable="true"></div></div><div class="meal-item"><span style="background:#ffb4a2;color:white;padding:2px 10px;border-radius:10px;font-size:0.75rem;">Snack</span><div style="min-height:30px;background:white;border-radius:10px;padding:8px;font-size:0.9rem;outline:none;margin-top:5px;" contenteditable="true"></div></div><div class="meal-item"><span style="background:#ffb4a2;color:white;padding:2px 10px;border-radius:10px;font-size:0.75rem;">Memo</span><div style="min-height:30px;background:white;border-radius:10px;padding:8px;font-size:0.9rem;outline:none;margin-top:5px;" contenteditable="true"></div></div></div><style>.meal-planner{max-width:400px;margin:20px auto;background:#fff9f9;border:2px solid #f2e1e1;border-radius:20px;padding:20px;font-family:sans-serif;}.meal-header{text-align:center;font-weight:bold;color:#b5838d;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #f2e1e1;}.meal-item{margin-bottom:10px;}</style>