チェックリストを簡単にかけるテーマです。
週末の予定や買物リストなど、とにかくチェックリストをたくさん書く人におすすめです。
- はてな記法モードを使うと便利です
- はてな記法の「-~~」でチェックリストができて、「+~~」でチェックできます
はてな記法でチェックリストを書くサンプル
-本を読む +はがきをポストに入れる -スーパーに買い物に行く --豚バラ肉 --キャベツ --にんじん --たまねぎ -靴下を買う +洗濯する +宿題をやる ++数学(ワーク P183) ++英語(単語テストPart6) -友達と中華を食べに行く
スマートフォンでも表示する方法
↓以下のコードを管理画面の「デザイン > カスタマイズ > 記事 > 記事下」にコピー&ペーストして、「スマートフォン版にも表示する」にチェックを入れて保存してください。
<style type="text/css">.entry-content ul,.entry-content ol,.entry-content li {margin: 0;padding: 0;list-style: none;}.entry-content ul,.entry-content ol {border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;background: url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/kudakurage/20130224/20130224232224.gif) repeat-y 39px 0;}.entry-content ul + ul,.entry-content ul + ol,.entry-content ol + ul,.entry-content ol + ol {border-top: 0;}.entry-content li ul,.entry-content li ol {border: 0;background: transparent;}.entry-content li {padding: 8px 10px 7px 50px;border-bottom: 1px solid #ccc;font-size: 18px;}.entry-content li li {margin: 3px 0;}.entry-content li ul li,.entry-content li ol li,.entry-content li li:last-child {border: 0;padding: 0 0 0 17px;font-size: 13px;color: #666;}.entry-content ol li {background: url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/kudakurage/20130220/20130220174113.png) no-repeat 8px center;}.entry-content ol li,.entry-content ol li a {color: #aaa !important;}.entry-content li ol li,.entry-content li li ol li,.entry-content li li li ol li {background: url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/kudakurage/20130220/20130220174826.png) no-repeat 1px 0;}.entry-content li ul li,.entry-content li li ul li,.entry-content li li li ul li {background: url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/kudakurage/20130220/20130220175419.gif) no-repeat 6px 6px;}.entry-content ol ol li {background: url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/kudakurage/20130220/20130220180105.png) no-repeat 1px 0;}.entry-content ol ul li {background: url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/kudakurage/20130220/20130220180615.gif) no-repeat 6px 6px;}@media screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {.entry-content ul,.entry-content ol {background-image: url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/kudakurage/20130224/20130224233654.gif);-webkit-background-size: 1px 4px;background-size: 1px 4px;}.entry-content ol li {background-image: url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/kudakurage/20130224/20130224232640.png);-webkit-background-size: 23px 21px;background-size: 23px 21px;}.entry-content li ol li,.entry-content li li ol li,.entry-content li li li ol li {background-image: url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/kudakurage/20130224/20130224232931.png);-webkit-background-size: 14px 13px;background-size: 14px 13px;}.entry-content li ul li,.entry-content li li ul li,.entry-content li li li ul li {background-image: url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/kudakurage/20130224/20130224233128.png);-webkit-background-size: 5px 5px;background-size: 5px 5px;}.entry-content ol ol li {background-image: url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/kudakurage/20130224/20130224233525.png);-webkit-background-size: 14px 13px;background-size: 14px 13px;}.entry-content ol ul li {background-image: url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/kudakurage/20130224/20130224233507.png);-webkit-background-size: 5px 5px;background-size: 5px 5px;}}</style>