WordPress 免插件实现评论分页导航
前些日子 zww 建议我用 WordPress 评论分页导航代替简单的上一页下一页的评论翻页,因为某些水文的评论有些多,给来回复评论的朋友造成一些不便,确实有这个问题的存在,因为有时候我回复大家评论的时候也遇到过这个问题。好吧,说改就改,话说我曾经也用过评论分页导航,但是当时用的是 wp paged comments 插件,后来意识到这个 WordPress 插件完全是多余的,只需用一句函数就可以轻松搞定。
本来在 comments.php 中上一页下一页的分页函数如下:
<div class="comments-navi">
<div class="alignleft"><?php previous_comments_link('') ?></div>
<div class="alignright"><?php next_comments_link('') ?></div>
</div>
<div class="alignleft"><?php previous_comments_link('') ?></div>
<div class="alignright"><?php next_comments_link('') ?></div>
</div>
现将其修改为:
<div class="comments-navi">
<?php paginate_comments_links('prev_text=上一页&next_text=下一页');?>
</div>
<?php paginate_comments_links('prev_text=上一页&next_text=下一页');?>
</div>
函数的主体部分就这么一句话 OK 了,关键的还有 CSS 部分,本来想偷懒的,借用了 WP-PageNavi 分页插件的 CSS,但是一看,哇塞,那叫一个累赘,完全不符合我这样的优化控的极限要求,重写重写,整理如下:
.comments-navi {
float:left;
font-size:12px;
line-height:22px;
width:100%;
text-align:center;
}
.comments-navi a {
text-decoration:none;
border:1px solid #ccc;
color:#555;
margin:2px;
padding:2px 4px;
}
float:left;
font-size:12px;
line-height:22px;
width:100%;
text-align:center;
}
.comments-navi a {
text-decoration:none;
border:1px solid #ccc;
color:#555;
margin:2px;
padding:2px 4px;
}
.comments-navi a:hover {
border:1px solid #ccc;
color:#ccc;
background:#555;
}
.comments-navi span.current {
font-weight:700;
border:1px solid #ccc;
color:#555;
background:#F6F6F6;
margin:2px;
padding:2px 4px;
}
-
Wordpress 评论链接重定向跳转2009年10月11日 -
给主题做了个大手术2009年10月9日 -
Wordpress免插件防Spam骚扰2009年06月15日 -
Spam无时无处不在!2009年05月10日