생활 웹디자인

각 포스트별 정보 출력

해당영역과 html구조

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<footer class="post-footer">
<section class="post-controls">
{ReblogButton} {LikeButton}
</section>
<section class="meta">
{block:ContentSource}
Source_
<a href="{SourceURL}">
{block:SourceLogo}
<img src="{BlackLogoURL}" width="{LogoWidth}"
height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}
{SourceTitle}
{/block:NoSourceLogo}
</a>
{/block:ContentSource}
<div>Date_ <a href="{Permalink}" title="{TimeAgo}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a></div>
{block:NoteCount}
<div>Note_ <a href="{Permalink}#notes">{NoteCountWithLabel}</a></div>
{/block:NoteCount}
<div>Permalink_ <a href="{Permalink}">{Permalink}</a></div>
<div>Short URL_ {ShortURL}</div>
<div>Post ID_ {PostID}</div>
{block:HasTags}
<div>Tags_ <span class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</span></div>
{/block:HasTags}
{block:GroupMembers}
<div>
Author_ <a href="{PostAuthorURL}">{PostAuthorTitle}</a> /
{PostAuthorName} <img src="{PostAuthorPortraitURL-16}" />
</div>
{/block:GroupMembers}
</section>
{block:RebloggedFrom}
<div class="rebloggedfrom">
<strong>Reblog info</strong>
<ul>
<li>ParentName :{ReblogParentName} </li>
<li>ParentTitle : {ReblogParentTitle}</li>
<li>ParentURL : {ReblogParentURL}</li>
<li>ParentPortraitURL-16 : <img src="{ReblogParentPortraitURL-16}" /></li>
<li>RootName : {ReblogRootName}</li>
<li>RootTitle : {ReblogRootTitle}</li>
<li>RootURL : {ReblogRootURL}</li>
<li>RootPortraitURL-16 : <img src="{ReblogRootPortraitURL-16}" /></li>
</ul>
</div>
{/block:RebloggedFrom}
</footer>

변수 설명

{ReblogButton}
디폴트 "Reblog"버튼

{LikeButton color="grey"}
"Like"버튼 색상 지정
Grey, White, or Black.

{LikeButton size="20"}
"Like"버튼 크기 지정
Maximum: 100

{LikeButton}
디폴트 "Like"버튼

{ReblogButton color="grey"}
"Reblog"버튼 컬러 지정
Grey, White, or Black.

{ReblogButton size="20"}
"Reblog"버튼 크기 지정
Maximum: 100

{block:ContentSource} ... {block:ContentSource}
소스가 포스트의 컨텐트를 위해 지정되었다면 출력합니다.

{SourceURL}
귀속된 소스의 주소

{block:SourceLogo} ... {/block:SourceLogo}
컨텐트 소스를 위해 로고가 존재한다면 출력합니다.

{BlackLogoURL}
소스의 로고 주소

{LogoWidth}
소스의 로고 가로 사이즈

{LogoHeight}
소스의 로고 세로 사이즈

{SourceTitle}
컨텐트 소스의 제목

{block:NoSourceLogo} ... {/block:NoSourceLogo}
소스 로고가 존재하지 않는다면 출력합니다

{TimeAgo}
A contextual time.
e.g., "1 minute ago", "2 hours ago", "3 weeks ago", etc.

{ShortMonth}
"Jan" through "Dec"

{DayOfMonth}
"1" to "31"

{DayOfMonthSuffix}
"st", "nd", "rd", "th"

{Year}
"2007"

{block:NoteCount} ... {/block:NoteCount}
해당 포스트가 노트를 가지고 있다면 출력합니다.
항상 notes를 이 블럭으로 감싸도록 하여 포스트가 없을때 제대로 숨길 수 있게 합니다.

{NoteCountWithLabel}
레이블과 함께 해당 포스트의 노트 갯수를 출력합니다.

{ShortURL}

{PostID}

{block:HasTags} ... {/block:HasTags}
포스트가 태그를 가지고 있다면 {block:Posts}안에 출력합니다.

{block:Tags} ... {/block:Tags}
포스트의 태그를 각각 출력합니다.

{TagURL}
해당 태그를 공유할 수 있도록 다른 포스트들을 포함한 태그 페이지 주소를 출력합니다.

{Tag}
태그 이름

{block:GroupMembers} ... {/block:GroupMembers}
공개 그룹 블로그인 경우 출력합니다.

{block:GroupMember} ... {/block:GroupMember}
공개 그룹 블로그의 멤버를 반복해서 출력합니다.

{PostAuthorURL}
그룹 블로그에서 포스트 저작자의 블로그 주소

{PostAuthorTitle}
그룹 블로그에서 포스트 저작자의 블로그 제목

{PostAuthorName}
그룹 블로그에서 포스트 저작자의 사용자 이름

{PostAuthorPortraitURL-16}
그룹 블로그에서 포스트 저작자의 프로필 이미지 주소를 16 X 16 사이즈로 출력합니다.

{block:RebloggedFrom} ... {/block:RebloggedFrom}
다른 포스트로 부터 리블로그된 포스트라면 출력합니다.

{ReblogParentName}
리블로그된 포스트의 블로그 사용자 이름을 출력합니다.

{ReblogParentTitle}
리블로그된 포스트의 블로그 타이틀을 출력합니다.

{ReblogParentURL}
리블로그된 포스트의 블로그 주소를 출력합니다.

{ReblogParentPortraitURL-16}
리블로그된 포스트의 프로필 이미지를 16 X 16 사이즈로 출력합니다.

{ReblogRootName}
가장 처음 포스트가 생성된 블로그의 사용자 이름을 출력합니다. (원문)

{ReblogRootTitle}
가장 처음 포스트가 생성된 블로그의 타이틀을 출력합니다.

{ReblogRootURL}
가장 처음 포스트가 생성된 블로그의 주소를 출력합니다.

{ReblogRootPortraitURL-16}
가장 처음 포스트가 생성된 블로그의 프로필 이미지를 16 X 16 사이즈로 출력합니다.

댓글

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