使用wordpress的博友为了使博客更好看都会想到要一个好的分页，毕竟wordpress默认的分页不怎么美观。但是，相信刚开始，除了喜欢倒腾代码或者具有完美“强迫症”的童鞋外，一般都会因为嫌麻烦而或者因为对代码不懂而选择使用wordpress插件来实现文章的分页，本人刚开始搭建博客的时候也是用类似wp-pagenavi翻页插件来实现的。 但是，大家应该都知道wordpress装太多的插件，因为在这个追求精简，简 应用wordpress的博友以便使blog更强看都是想起要一个好的分页查询，终究wordpress默认设置的分页查询不太美观大方。可是，坚信一开始，除开喜爱倒腾编码或是具备极致“强迫思维”的朋友外，一般都是由于嫌不便而或是由于对编码不明白而挑选应用wordpress软件来保持文章内容的分页查询，自己一开始构建blog的情况下都是用相近wp-pagenavi换页软件来保持的。 可是，大伙儿应当都了解wordpress装过多的软件，由于在这一追求完美精减，简单的生活的时代谁也不愿编码冗繁，另外网页页面数据信息大，会造成网页页面开启速度比较慢，那样对浏览量也并不是很友善。 因此，人们能够 根据css款式及其php分页查询涵数来保持wordpress分页查询，下边就详细介绍如何运用css+php涵数轻轻松松取代软件来保持wordpress分页查询。 最先在css样式表里加上下边这一款式： .pagenavi_badoo{ font-size:12px; text-align:center; font-weight:700; margin:10px0; } .pagenavi_badooa{ width:16px; background:#fff; color:#22222e; border:1pxsolid#ccc; padding:4px8px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } .pagenavi_badooa:hover{ background:#252525; color:#fff; text-decoration:none; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } .pagenavi_badoo.pages{ color:#fff; margin-right:5px; background:#252525; padding:4px8px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } .pagenavi_badoo.current{ color:#cbff83; background:#252525; padding:4px8px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } 加上好款式后，在function.php这一涵数里边加上分页查询涵数，实际编码以下： if(!function_exists(‘pagenavi’)){ functionpagenavi($p=7){//取当前页前后左右各2页，依据必须改 if(is_singular())return;//文章内容与插页无需 global$wp_query,$paged; $max_page=$wp_query->max_num_pages; if($max_page==1)return;//只能一页无需 if(empty($paged))$paged=1; echo‘页码:’.$paged.‘/’.$max_page.‘’;//显示信息页码 if($paged>$p+1)p_link(1,‘最前页’); if($paged>$p+2)echo‘…‘; for($i=$paged–$p;$i<=$paged+$p;$i++){//中间页 if($i>0&&$i<=$max_page)$i==$paged?print“{$i}”:p_link($i); } if($paged<$max_page–$p–1)echo‘…‘; if($paged<$max_page–$p)p_link($max_page,‘最终页’); } functionp_link($i,$title=”){ if($title==”)$title=“第{$i}页”; echo“{$i}“; } } 加上完所述编码后，运作下看网址的分页查询是否拿下了，但是有点儿必须表明，在样式表里边width及其背景色全是依照小编博客来设置的，要是适度调节就行。 |
