我正在制作我的第一个Tumblr主题,我对分页感到有些困惑。
我试图让我的分页像这样:
哪里有(当前页面/总页数)“NEXT”作为右侧的下一页链接
当您在其他页面上时,左侧会显示“PREV”作为上一页链接。
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}
我以为我做对了,但事实证明是这样的:
我做错了什么?
答案 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}