생활 웹디자인

코스 전체목록

닫기
본 토픽은 현재 준비중입니다. 공동공부에 참여하시면 완성 되었을 때 알려드립니다.

Notes

변수 설명
{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>

댓글

댓글 본문
버전 관리
리체
현재 버전
선택 버전
graphittie 자세히 보기