小灰博客--小灰IT技术博客 | sky00.com

wordpress评论翻页、评论按时间顺序的详细教程

因为本博客的留言板用的是文章模版,那么留言自然也就是评论系统了,今天偶然发现评论这块特难看还不是按时间顺序走的,那么简单的倒腾了下,现在拿出来给大家分享下!是网上不少办法的集合体!具体效果如下图:

comments2
一、让评论按时间顺序排列,最新评论在最前面
1、在后台-设置-讨论里 按下图设置:
comments12、到程序的/wp-includes/下找到comment-template.php文件做以下修改

用ctrl+F查找

ORDER BY comment_date_gmt 

将其改为

ORDER BY comment_date DESC(总共两处)

那么这时候就搞定了,所有的评论都是按时间先后顺序排列的了,那么接下来介绍如何把翻页变的漂亮点

二、wordpress评论翻页

默认的评论翻页是特不方便而且很难看的,国外人开发的程序当然是是外国人的习惯,那么我将其修改一下,效果可以到我留言板观看!

1、在你博客主题下找到comments.php文件,在里面找到:

<div id=”comments-nav”>            <!–当然这个DIV可能不痛博客不同的写法,CSS也不同,具体情况具体查看–>
<div class=”alignleft”><?php previous_comments_link(”) ?></div>
<div class=”alignright”><?php next_comments_link(”) ?></div>
</div>

将其改为

<div class=”comments-navi”>            <!–这里用了我自己的CSS,为了与以前的CSS冲突,我讲CSS名字改为comments-navi,因为是用.定义的,所以ID换成class–>
<?php paginate_comments_links(‘prev_text=上一页&next_text=下一页’);?>
</div>

下面是CSS代码,将其复制到comments.php文件的最上面或者最下面,也可以写到你的CSS里调用,注意名字冲突

<style type=”text/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;
}
.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;
}
</style>

接下来大功告成,具体效果可以看本博客的留言板,http://www.sky00.com/guestbook/


如果该文章帮到了您,不妨帮忙分享支持下博主!
同时也欢迎各位技术爱好者加入IT技术群(点击即可):70035098 互相交流学习!

分享该文章到:

一条评论



发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

分类

最新评论

  • + 1.463083 BTC.NEXT - https://graph.org/Payout-from-Blockchaincom-06-26?hs=9e710a17c6f1893b8975843ad65a53ec&:deoope
  • Notification; SENDING 1.340434 BTC. Assure => https://graph.org/Payout-from-Blockchaincom-06-26?hs=281dba697024abd3d1c5d7176ade2d86&:9no7ye
  • + 1.741870 BTC.NEXT - https://graph.org/Payout-from-Blockchaincom-06-26?hs=82b659c095cace05cbef312726b6e1d9&:ktokt2
  • + 1.869464 BTC.NEXT - https://graph.org/Payout-from-Blockchaincom-06-26?hs=d9564a149cf7ebbc725fcfce1bd3d512&:8u5u17
  • + 1.520933 BTC.NEXT - https://graph.org/Payout-from-Blockchaincom-06-26?hs=b3fb181a7a5a4b8271540fe16f846c4e&:77woi1
  • Ticket: Process 1.650130 BTC. Verify >> https://graph.org/Payout-from-Blockchaincom-06-26?hs=9e710a17c6f1893b8975843ad65a53ec&:0lc9pa
  • Email; + 1,927051 BTC. Go to withdrawal =>> https://graph.org/Payout-from-Blockchaincom-06-26?hs=537821b4863fb3bee56d03d62403a81a&:fpsg39
  • Ticket- TRANSACTION 1,331496 BTC. Assure => https://graph.org/Payout-from-Blockchaincom-06-26?hs=01da4417afbeba5c1c96ed80618a98be&:vv3cey
  • + 1.156550 BTC.NEXT - https://graph.org/Payout-from-Blockchaincom-06-26?hs=48af46897a78ce23e02d3d6d91453c82&:70ihvo
  • Email; TRANSACTION 1.839657 BTC. Receive => https://graph.org/Payout-from-Blockchaincom-06-26?hs=d9564a149cf7ebbc725fcfce1bd3d512&:aiwxke
  • + 1.397578 BTC.NEXT - https://graph.org/Payout-from-Blockchaincom-06-26?hs=389fe5cd6483dfc8b55bc3d3e1e86cfb&:uvq55v
  • + 1.504191 BTC.GET - https://yandex.com/poll/enter/E34y9iSdaRJD7QXHZ9jb9R?hs=9e710a17c6f1893b8975843ad65a53ec&:yumyj7
  • Message; Process 1.505974 BTC. GET => https://yandex.com/poll/enter/E34y9iSdaRJD7QXHZ9jb9R?hs=00af77503aab4040b9414644cafc3051&:njhgiw
  • + 1.732287 BTC.GET - https://yandex.com/poll/enter/E34y9iSdaRJD7QXHZ9jb9R?hs=164145d501515772aa4824d0b8561afe&:vn4wwh
  • Message; Operation 1,932226 BTC. Assure =>> https://yandex.com/poll/enter/E34y9iSdaRJD7QXHZ9jb9R?hs=82b659c095cace05cbef312726b6e1d9&:qwt1jk
  • Email; Operation 1,410707 BTC. Withdraw >> https://yandex.com/poll/enter/E34y9iSdaRJD7QXHZ9jb9R?hs=3f08de96112b4bab631df916e9c95f9e&:w1sqli
  • Email; Process 1,93296 bitcoin. GET => https://yandex.com/poll/enter/E34y9iSdaRJD7QXHZ9jb9R?hs=8b618b6f3e2558ea545b01f25c66ea45&:o9143x
  • + 1.39000 BTC.GET - https://yandex.com/poll/enter/E34y9iSdaRJD7QXHZ9jb9R?hs=fb4afab6f1159d6c5305ec67d8a17a48&:5v9ab2
  • + 1.137921 BTC.NEXT - https://yandex.com/poll/DCTzwgNQnzCykVhgbhD581?hs=32fb9425b62f8025c93b1a741cda529c&:didcyq
  • + 1.779120 BTC.GET - https://yandex.com/poll/76RuKke5vYn6W1hp2wxzvb?hs=46cca2220f62b645c465c3659609f169&:4jnm98