分页当前页/总页数?

时间:2014-05-22 06:33:57

标签: tumblr

我正在制作我的第一个Tumblr主题,我对分页感到有些困惑。

我试图让我的分页像这样:

哪里有(当前页面/总页数)“NEXT”作为右侧的下一页链接

pagination in mind

当您在其他页面上时,左侧会显示“PREV”作为上一页链接。

pagination on second page or other pages

CSS

#pagi { 
  position:absolute; 
  z-index:10;
  margin-top:18px; 
  width:130px; 
  text-align:center; 
  text-transform:uppercase;
}
#pagi a { 
  text-decoration:none;
}

HTML

{block:Pagination}

<div id="pagi">
  {block:PreviousPage}
  <a href="{PreviousPage}" title="later posts">PREV</a>
  {/block:PreviousPage}

  {block:JumpPagination length="3"} 
  {block:CurrentPage}
  ({PageNumber})
  {/block:CurrentPage}
  {block:JumpPage}
  <a class="jump" href="{URL}">{PageNumber}</a> 
  {/block:JumpPage}
  {/block:JumpPagination}

  {block:NextPage}
  <a href="{NextPage}" title="earlier posts">NEXT</a>
  {/block:NextPage}
</div>

{/block:Pagination}


我以为我做对了,但事实证明是这样的:my attempt

我做错了什么?

1 个答案:

答案 0 :(得分:3)

当前页面和总页数

可悲的是,跳跃分页在这里不起作用。 {CurrentPage}将为您提供当前页码。 {TotalPages}将为您提供总页数。

{block:Pagination}

<div id="pagi">
  <!-- Prev Page Link -->
  {block:PreviousPage} 
  <a href="{PreviousPage}" title="later posts">PREV</a>
  {/block:PreviousPage} 

  <!-- Page Counter -->
  <span class="counter">({CurrentPage}/{TotalPages})</span>

  <!-- Next Page Link -->
  {block:NextPage}
  <a href="{NextPage}" title="earlier posts">NEXT</a>
  {/block:NextPage} 
</div>

{/block:Pagination}