教你不用插件实现WordPress主题分页功能

说到wordpress，已经用了一年多了。虽然这个程序本身没有纯静态功能，但是它的伪静态功能也是不错的。再加上设定的自由度，我比较喜欢。可能是设定的随意性比较灵活。相对来说还是比较符合SEO优化的，一直对wordpress情有独钟，但也有不尽如人意的地方。今天我们就来分享一个小知识点。如果你喜欢，那就一起研究吧。

wordpress网站默认主题没有分页功能，使得网站首页相当长，给人一种是博客站的感觉。虽然有分隔标签来隐藏首页显示的部分内容，但是如果文章多的话会和页面长度一样长。那么有什么办法可以让首页实现不拉下就能看到后面的文章呢？可以，就做一个分页符。可以通过一些插件来实现，但是网站插件太多必然会影响加载速度。

插件用的越少，主题越好，用户越能充分体验主题的功能。这也是所有主题设计师都要考虑的问题。目前本站新主题基本实现零插件。网上也有很多不使用插件实现WordPress功能的文章。今天我再补充一个不使用插件实现翻页功能的功能代码。

WordPress的默认翻页功能很弱，一页一页的翻页，让你手发麻，所以类似wp-pagenavi翻页插件，几乎是WordPress博客的必备插件，也是人气很高的插件。

虽然网上有关于如何将wp-pagenavi插件集成到WordPress主题的教程，但是wp-pagenavi插件的功能代码是拖沓的，只是变相启用了插件，并没有真正脱离wp-pagenavi插件。下面这个轻量级的函数，加上几行css样式，完全可以替代分页插件。

具体实现方法：

首先，将以下函数代码添加到主题的functions.php模板文件中：

函数kriesi _ pagination($ query _ string){

global $posts_per_page，$ paged

$ my _ Query=new WP _ Query($ Query _ string。posts _ per _ page=-1 ')；

$ total _ posts=$ my _ query-post _ count；

if(empty($ paged))$ paged=1；

$ prev=$ paged-1；

$ next=$ paged 1；

$ range=2；//仅当您想要显示更多页面链接时才编辑此项

$ show items=($ range * 2)1；

$ pages=ceil($ total _ posts/$ posts _ per _ page)；

如果(1！=$pages){

echo“div class=”pagination“”；

echo($ paged 2 $ paged $ range 1 $ pages $ show items $ pages)？A href=“”。get_pagenum_link(1)。“”第一个/一个“3360”；

echo ($paged 1 $showitems $pages)？A href=“”。Get _ pagenum _ link ($ prev)。“”上一个/a“3360”；

for($ I=1；$ i=$ pages$i ){

如果(1！=$pages(！($ I=$ paged $ range 1 | | $ I=$ paged-$ range-1)| | $ pages=$ show items)){

echo ($paged==$i)？span class='当前' '。$i.'/span':'a href=' '。' get_pagenum_link($i)。'class='inactive ' '。$ I . '/a '；

}

}

echo($ paged $ pages $ show items $ pages)？A href=“”。Get _ pagenum _ link ($ next)。''下一页/a ' 3360 '；

echo($ paged $ pages-1 $ paged $ range-1 $ pages $ show items $ pages)？A href=“”。Get _ pagenum _ link ($ pages)。' ' Last/a ' 3360 '；

echo '/div \ n '；

}

}

接下来，用下面的代码替换原始模板中默认的翻页代码或分页插件代码：

？PHP kriesi _ pagination($ query _ string)；

最后，在style.css中添加下面的样式代码来刷新页面，这和使用插件实现的翻页效果是一样的。分页{

行高：23 px；

}。分页跨度。分页a{

font-size :12 px；

margin : 2px 6px 2px 0；

background: # fff

border:1px solid # e5e5e5

color: # 787878

padding:2px 5px 2px 5px

文字装饰：无；

}。分页a :悬停{

background: # 8391A7

border:1px solid # fff

color: # fff

}。分页。当前{

background: # fff

border :1 px solid # 8d 8d 8d；

color: # 393939

font-size :12 px；

padding:2px 5px 2px 5px

}

以上风格是我目前使用的主题风格。根据不同的主题修改边框和背景基本上是可以的。完成后，您可以删除您的分页插件。试试看！