前几天浏览网页的时候,看到一个也是使用知更鸟begin主题的网站,上面有一个模块,虫子君是非常的喜欢。是一个可以自动将评论排在第一位的模块,而且还可以在首页显示,这点领虫子君情有独钟,之前逛诗梦博客的时候,也看到这样子的一个功能,不过不知道怎么实现的。
今天不小心逛到了“久伴”博客的时候,看到了这样子功能实现的方法。
从侧面分析一下,有这样子的功能,能够为我们的网站带来什么样子的好处,其中一点就是能够增加用户访问你网站的活跃度,为啥这样子说呢,
你想哈,用户评论了之后,只要他评论的时候,有添加自己网站首页的链接,那么这个功能,就相当于留下了自己的足迹,能够获得别人的网站的流量。
不过从不好的一方面来说的话,这样子也是一个不好的问题,就是增加了网页的跳出率。
不管是好坏吧,总的来说人生的苦与乐都在于你的折腾,不折腾怎么就知道下一个风口会不会就在你的脚下呢。
好了废话不多说,现在开始这边博文的主题。(以下代码原创于“久伴博客”)
第一步;主题functions.php文件中添加PHP功能
打开begin主题目录找到“functions.php”添加以下代码,只要你位置没添加错,报错不存在的添加在最后即可。(2019新版的主题)
//最新评论排第一 function jiub($af){ global $wpdb; $queryaf="select comment_author, comment_author_url, comment_date from $wpdb->comments where comment_ID in (select max(comment_ID) from $wpdb->comments where comment_approved='1' and comment_author_url !='' and user_id='0' GROUP BY comment_author_email) ORDER BY comment_date DESC LIMIT $af"; $wally = $wpdb->get_results($queryaf); foreach ($wally as $commentaf){ $tmpy= "<li><i class=\"fa fa-spinner fa-pulse\"></i><a target=\"_blank\" href=\"".$commentaf->comment_author_url."\">".$commentaf->comment_author."</a></li>"; $outputy .= $tmpy; } $outputy = "<ul>".$outputy."</ul>"; echo $outputy ; }
第二步放入CSS样式代码
打开“begin”主题目录的“cms”文件夹,找到 “cms-news.php” 打开之后,大概在中间的位置,找到“<?php if( ! defined ( ' ABSPATH) ) {exit:} ?>”这一句代码。将以下“CSS”样式代码丢到“<?php if( ! defined ( ' ABSPATH) ) {exit:} ?>”的上面。(别丢错了!!!!)
!-- 最新文章 --> <style> .jiub{width:100%;margin-bottom:10px;height:auto!important;background:#fff;border:1px solid #f5f9ff;text-align:center;color:#096cb2; border:1px solid #eaeaea;border-radius:4px;} .jiub p{padding-top:4px;font-size:17px;} .jiub ul{margin-top:10px;margin-bottom:10px;font-size:13px;padding-bottom:40px;margin-left: 36px;} .jiub ul li{list-style:none;float:left;margin-left:0px;margin-bottom:10px;width:16.6%;overflow:hidden;height:23px;text-align:left;} .jiub ul li img{width:20px;height:20px;margin-left:2px;margin-right:2px;} /*@media (max-width:820px) {.vistor{display:none}}*/ @media (max-width:820px) { .jiub ul li{width:25%;font-size:9px;} .jiub p{padding-top:4px;font-size:15px;} } .jiub i{ color:#000000; margin-right:6px; } </style> <div class="jiub"> <p>新评论将会排列第一</p> <?php jiub(24); ?> <div style="clear: both;display:block"> </div> </div>
第三步;引入CSS样式
打开主题根目录的footer.php文件将以下代码放入到其他引入css文件旁边即可(可以放在下面,也可以放在上面)
- <link href="你的网址/wp-content/themes/begin/css/font-awesome.css" rel="stylesheet">
好了,完成了这些那么这个功能就可以实现了。在这里非常的感谢“久伴”实现了这样子的功能,
今天的博文到此结束,期待下一个瞬间的怦然心动。。。。。。
我是虫子君,一个自命不凡的翩翩少年.............
2019.7. 16 22:20 沙发
欢迎每天互访互评,本站的每评论一次排名第一覆盖全站!
2019.7. 17 09:14 1层
@杂烩网 应该的,感谢站长来访。。。。