생활 웹디자인

코스 전체목록

닫기

인덱스 페이지

해당영역과 html구조

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

{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 자세히 보기