텀블러 테마 실전 메뉴얼

인덱스 페이지

해당영역과 html구조

아래 이미지에서는 인덱스 페이지 안에 주로 페이지네이션에 대한 내용만 있지만, aside내용을 인덱스 페이지에서만 보고 싶다면 <aside> ... </aside>태그 안에 있는 내용들을 인덱스 페이지 블럭안에 넣으면 됩니다.

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
{block:IndexPage}
{block:Pagination}
<div class="pagination">
{block:PreviousPage}
<a href="{PreviousPage}"> ← Previous</a>
{/block:PreviousPage}
{block:JumpPagination length="10"}
{block:CurrentPage}
<span class="current_page">{PageNumber}</span>
{/block:CurrentPage}
{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}
<a href="{NextPage}">Next → </a>
{/block:NextPage}
<div class="info">
<span>Total pages : {TotalPages}</span> /
<span>CurrentPage : {CurrentPage}</span>
</div>
</div>
{/block:Pagination}
{/block:IndexPage}

변수 설명

{block:IndexPage} ... {/block:IndexPage}
블로그의 인덱스 포스트 페이지를 만들어 냅니다.
즉, 인덱스 페이지에만 출력되어야할 내용들을 이 블럭 안에 넣습니다.

{block:Pagination} ... {/block:Pagination}
만약 "이전 페이지", "다음 페이지"가 있다면 생성합니다.

{block:PreviousPage} ... {/block:PreviousPage}
만약 탐색할 "이전 페이지"가 있다면 생성합니다.

{PreviousPage}
이전 페이지의 URL입니다.

{block:JumpPagination length="10"} ... {/block:JumpPagination}
현재페이지를 포함해서 설정한 갯수만큼 페이지넘버를 출력합니다.

{block:CurrentPage} ... {/block:CurrentPage}
점프페이지가 현재 페이지일때 생성합니다.

{block:JumpPage} ... {/block:JumpPage}
점프페이지가 현재 페이지가 아닐때 생성합니다.

{PageNumber}
점프 페이지의 페이지 넘버입니다.

{URL}
점프페이지의 URL입니다.

{block:NextPage} ... {/block:NextPage}
만약 탐색할 " 다음 페이지"가 있다면 생성합니다.

{NextPage}
다음 페이지의 URL입니다.

{TotalPages}
총 페이지 수를 나타냅니다.

{CurrentPage}
현재 페이지의 숫자를 나타냅니다.

댓글

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