当前位置:首页 »“秋了秋”个人博客 » WP教程 » wordpress原生态分页添加第一页和最后一页

wordpress原生态分页添加第一页和最后一页

作者:秋了秋 发表时间:2014年07月26日

细心的人会发现我的网站有些地方的样式已经被我样式化了,进行了一顿美学折腾,主要优化了两个地方,一个是友情链接样式,另一个就是原生态分页,因为之前这两处确实不怎么美观,连我自己天天都看不顺眼,可是暂时也没想到该怎么去美化,貌似在这方面优化的人很少,特别是友情链接,我还特意去搜了一下,发现这方面的文章几乎没有,找到有几个也不是很满意,实现一点点效果就是一大串的代码,性价比太低了~。

于是我特意花时间整了这两处的样式,分页的样式是借鉴网上的某个博客的,可是这样一整才发现原来我的分页没有第一页和最后一页的按钮,这么长时间,还第一次注意过。后台查看代码才发现是wp原生态分页,通过对比网上的代码,自己加上了两个按钮,一个是第一页还有一个就是最后一页。

控制分页功能的代码一般都在functions.php文档里面,只要是分页代码都是差不多的,找到相对应的位置加上第一页和最后一页的a标签就可以,加的过程必须非常小心,请注意备份,因为不同的写法,会有单引号和双引号的区别,这种一般出现在包含关系中,如果出现报错,请调整引号类别。

wp分页第一页和最后一页

第一页的a标签加在当前分页数字的前面,比如:

<span class="ddd"><a href="'.get_pagenum_link(1).'" title="第一页">第一页</a></span><span class="page-numbers">'.$pagination[current].' / '.$pagination[total].'</span>

当然你的主题并不一定是class="page-numbers",也许是其它,不要把思维定死,灵活运用,最后在style.css里面添加你喜欢的.ddd样式。

最后一页的a标签加在这层的结束标签</div>的前面,比如:

<span class="ddd"><a href="'.get_pagenum_link($max_page).'" title="最后一页">最后一页</a></span></div>

注意:如果你发现最后一页加上去之后没有效果,怎么点击它都是跳转到第一页,那是因为原生态分页没有定义$max_page这个变量,所以还需在控制分页代码的前面定义这个变量,在其它变量后面加上定义代码,比如:

function wuover(){
global $wp_query, $wp_rewrite;
$wp_query->query_vars['paged'] > 1 ? $current = $wp_query->query_vars['paged'] : $current = 1;$max_page = $wp_query->max_num_pages;
$pagination = array(
........

至此就算大功告成了,注:红色的代码是要加的代码。具体效果可以看本站底部的分页。

0
文章作者: “秋了秋”个人博客,本站鼓励原创。
转载请注明本文地址:http://netblog.cn/blog/70.html

请求播放音乐,请点击播放

登 录
点击获取验证码
还没账号?点击这里