| 변수 | 설명 |
|---|---|
| {block:PostNotes} {/block:PostNotes} | 해당 포스트가 notes를 가지고 있다면 퍼머링크 페이지에 출력합니다. |
| {PostNotes} | 해당 포스트의 notes를 출력합니다. 단 퍼머링크 페이지에서만 출력합니다. |
| {PostNotes-16} | 해당 포스트의 notes를 16X16사이즈의 아바타와 함께 출력합니다. 단 퍼머링크 페이지에서만 출력합니다. |
| {PostNotes-64} | 해당 포스트의 notes를 64X64사이즈의 아바타와 함께 출력합니다. 단 퍼머링크 페이지에서만 출력합니다. |
| {block:NoteCount} {/block:NoteCount} | 해당 포스트가 노트를 가지고 있다면 출력합니다. 항상 notes를 이 블럭으로 감싸도록 하여 포스트가 없을때 제대로 숨길 수 있게 합니다. |
| {NoteCount} | 해당 포스트의 노트 갯수. |
| {NoteCountWithLabel} | 레이블과 함께 해당 포스트의 노트 갯수를 출력합니다. |
Notes는 AJAX로 페이지넘버를 출력합니다. If your theme needs to manipulate the Notes markup or DOM nodes, you can add a Javascript callback that fires when a new page of Notes is loaded or inserted:
| 변수 | 설명 |
|---|---|
| tumblrNotesLoaded(notes_html) | If this Javascript function is defined, it will be triggered when a new page of Notes is loaded and ready to be inserted. If this function returns false, it will block the Notes from being inserted. |
| tumblrNotesInserted() | If this Javascript function is defined, it will be triggered after a new page of Notes has been inserted into the DOM. |
Example
<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>
