王尘宇

typecho的这类分页款式设置最初我也是很渺茫的，所以我做的大部分模板都是只是用上一页和下一页，然则昨天翻出来看一下发明实在挺简朴的，之前自身没有明白好。

实在这类文章在吕滔博客《Typecho 自定义分页款式》有讲，然则没有很仔细的申明，以至给出的代码自身有些小错误，所以我在这里细说下这个。

先上代码，然后对应的剖析下
代码以下：

<?php $this->pageNav('«', '»', 1, '...', array('wrapTag' => 'ol', 'wrapClass' => 'page-navigator', 'itemTag' => 'li', 'textTag' => 'span', 'currentClass' => 'current', 'prevClass' => 'prev', 'nextClass' => 'next',)); ?>

对应出来的的html以下：

<ol class="page-navigator"><li class="current"><a href="http://dmgogogo.com/page/1/">1</a></li><li><a href="http://dmgogogo.com/page/2/">2</a></li><li><span>...</span></li><li><a href="http://dmgogogo.com/page/5/">5</a></li><li class="next"><a href="http://dmgogogo.com/page/2/">»</a></li></ol>

由此可知

1，«和»离别对应的是上一页按钮和下一页按钮，
2，数字1是支解局限(分几页)，是当前页码四周可实际的页码数目，举个例子，当前页码为1，一共页码为5，那末上述代码输出的结果就是1,2,...5,假如当前页码为2呢，结果就是1,2,3,...5。
3，...是支解字符，就是2中提到的谁人省略页码的东西
4，wrapTag外层包裹标署名，默许ol，wrapClass外层包裹类名，itemTag内层标署名， 默许li，textTag直接输出笔墨的标署名，currentClass当前聚焦类名，prevClass上一页类名,nextClass下一页类名。
5，itemClass能够给其他页码的标签带上class

那末实战下目的就是下图，这个是我截取的wp某博客模板的模样

html代码以下：

<div class="page"> <a href="#">|<</a><span class="current">1</span><a href="h#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a><a href="#">8</a><a href="#">9</a><a href="#">10</a><a href="#">>|</a></div>

那末typecho怎么做呢，起首剖析到上面的代码外围包裹标签为div类名为page，然后又看到他的上一页下一页的标记离别为|<和>|，页码距离大概是10，内层标签没有，当前页码类为current。

那末整顿后代码大概是这模样的

 <?php $this->pageNav('|<', '>|',10,'',array('wrapTag' => 'div', 'wrapClass' => 'page','itemTag' => '','currentClass' => 'current',)); ?>

末了将对应的css偷下来就好了，等等！我为何要说偷QAQ