• k-san reblogged this from tagblr
  • tagblr posted this
  • その記事の Notes の HTML..." />

    Text: Notes に関する要素

    Notes

    “Notes” は、記事がリブログされたり、 “likes”(右上のハートマーク)に登録されたり、あるいは answer されたりした履歴が表示される機能。

    {block:PostNotes} {/block:PostNotes}
    その記事が Notes を持っていれば内容を表示する。個別記事でのみはたらく。
    {PostNotes}
    その記事の Notes の HTML コードを表示する。個別記事でのみはたらく。
    {block:NoteCount} {/block:NoteCount}
    その記事が Notes を持っていれば内容を表示する。
    {NoteCount}
    その記事の Notes の数を表示する。
    {NoteCountWithLabel}
    記事のノートの数をラベル付きで表示する(例: “24 notes”)。

    例:

    <html>
        <head>
            <style type="text/css">
                ol.notes {
                    padding: 0px;
                    margin: 25px 0px;
                    list-style-type: none;
                    border-bottom: solid 1px #ccc;
                }
    
                ol.notes li.note {
                    border-top: solid 1px #ccc;
                    padding: 10px;
                }
    
                ol.notes li.note img.avatar {
                    vertical-align: -4px;
                    margin-right: 10px;
                    width: 16px;
                    height: 16px;
                }
    
                ol.notes li.note span.action {
                    font-weight: bold;
                }
    
                ol.notes li.note .answer_content {
                    font-weight: normal;
                }
    
                ol.notes li.note blockquote {
                    border-color: #eee;
                    padding: 4px 10px;
                    margin: 10px 0px 0px 25px;
                }
    
                ol.notes li.note blockquote a {
                    text-decoration: none;
                }
            </style>
        </head>
        <body>
            {block:posts}
                ...
                
                {postnotes}
            {/block:posts}
        </body>
    </html>