关于首页评论自动排第一这个功用,很多网站上都曾经有了,网上相关的源码也是很多,这里只简单记载一下本人博客(DUX主题)上完成的过程。
先放张前端显现图片看下效果:
修正主题前必看>>> 关于本博“主题修正”你需求晓得的一些事 。
中心模板文件
新建一个名为 module_autofirst_by_comment.php 的文件,并将以下代码复制到该文件中:
<?php /* 首页最新评论自动排第一 * 蝈蝈要安静——一个不学无术的伪程序员 * https://blog.quietguoguo.com */ function autofirst_by_comment($num){ global $wpdb; $user_sql="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 $num"; $user_info = $wpdb->get_results($user_sql); foreach ($user_info as $user_info_li){ $user_info_lis= "<li class='autofirst-li'><i class='fa fa-yelp' aria-hidden='true' style='color:#999; font-size:12px; '></i> <a target=\"_blank\" href=\"".$user_info_li->comment_author_url."\">".$user_info_li->comment_author."</a></li>"; $out_user_info.= $user_info_lis; } $out_user_info = "<div class='title autofirst-title'><h3>".QGG_options('qgg_autofirst_by_comment_title')."</h3></div><div class='autofirst-div' ><ul>".$out_user_info."</ul></div>"; echo $out_user_info ; } autofirst_by_comment(QGG_options('qgg_autofirst_by_comment_num')) ?>
上述代码是完成此功用的中心代码,请确保代码复制精确无误。然后将代码丢到主题的 modules 文件夹中即可,当然丢到其他文件中也能够,只需后面显现代码中途径援用正确即可。
后台选项代码
将以下代码复制到主题的 options.php 文件中即可:
// 首页评论自动排第一 $options[] = array( 'name' => __('首页评论自动排第一', 'QGG'), 'id' => 'qgg_autofirst_by_comment_open', 'std' => true, 'desc' => __('开启', 'QGG'), 'type' => 'checkbox' ); $options[] = array( 'name' => __('首页评论自动排第一-标题', 'QGG'), 'id' => 'qgg_autofirst_by_comment_title', 'std' => __('评论自动排第一', 'QGG'), 'type' => 'text' ); $options[] = array( 'name' => '显现评论者数量', 'desc' => '设置需求显现的个数。不明白?点击这里 停止留言。', 'id' => 'qgg_autofirst_by_comment_num', 'std' => 25, 'class' => 'mini', 'type' => 'text' );
前端显现代码
将以下代码丢到主题的 index.php 文件中去,详细位置大家依据个人爱好选择即可。
<!-- 首页最新评论自动排第一 --> <?php if( QGG_options('qgg_autofirst_by_comment_open') ){ include get_stylesheet_directory() . '/modules/module_autofirst_by_comment.php'; } ?>
代码主要是用于判别后台能否开启了“首页评论自动排第一”功用,并调取对应的文件,留意代码中文件的位置应与你中心代码的位置分歧。
CSS款式美化
添加完成后前端显现效果应该不契合我们请求,将以下代码复制到主题 main.css 文件中即可,当然你也能够自在调整款式。
/** 首页评论自动排第一 */ .autofirst-div{ background: #FFF; padding: 15px 20px; margin: 10px 0px; border-radius: 4px; } .autofirst-li { width: 20%; height: 28px; line-height: 20px; display: inline-block; padding: 3px 9px; color: #FFF; overflow: hidden; } @media (max-width:640px){ .autofirst-div{ display: none; } .autofirst-title{ display: none; } }
本文中心代码来源于网络,这里至简单记载了本博完成该功用的方式,其他主题完成方式相似,大家参照中心代码修正调整即可。
感谢您的来访,获取更多精彩文章请收藏本站。
![](https://www.gyzsq.com/wp-content/uploads/2022/07/9259adea4619.gif)
© 版权声明
本站网络名称:
孤勇者社区
本站永久网址:
https://www.gyzsq.com
网站侵权说明:
本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长QQ324470778删除处理。
1 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
3 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
1 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
3 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
THE END
喜欢就支持一下吧
相关推荐
评论 共1条
![头像](/wp-content/themes/zibll/img/avatar-default.png)
欢迎您留下宝贵的见解!
- 最新
- 最热
只看作者