WordPress首页顶部实现新评论自动排第一

这个功效挺好玩的,里维斯社之前也做了一个类似《WordPress侧边栏实现谈论自动排第一》功效。厥后一直想做在首页顶部做一个新谈论自动排第一的功效,那时由于缺乏合适的CSS的样式,一直弃捐到现在。这个功效可以凭证SQL查询语句,自动读取数据库中最新谈论读者的昵称和网址,并自动显示在该栏目的第一位。虽然是很单一的一个功效,然则对激励读者互动稀奇是站长之间的交流互动照样起到异常大的作用。实现效果:
WordPress首页顶部实现新评论自动排第一
固然,网上有许多这方面的教程,但普遍缺乏合适的CSS样式表,可操作性不是很强。今天这个教程也是在前人的基础上做了小幅度的修改而实现的效果,现在简朴先容一下实现的历程。

一、添加功效

复制代码到functions.php文件,为WordPress添加新谈论读者自动排第一的功效。

  1.     //最新谈论排第一
  2.     function jiub($af){
  3.         global $wpdb;
  4.         $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";
  5.         $wally = $wpdb->get_results($queryaf);
  6.         foreach ($wally as $commentaf){
  7.             $tmpy= "<li><i class=\"fa fa-spinner fa-pulse\"></i><a target=\"_blank\" href=\"".$commentaf- rel="noopener noreferrer">comment_author_url."\">".$commentaf->comment_author."</a></li>";
  8.             $outputy .= $tmpy;
  9.         }
  10.         $outputy = "<ul>".$outputy."</ul>";
  11.         echo $outputy ;
  12.     }

二、CSS样式

打开主问题录下的CMS文件夹,找到名为“cms-news.php”的PHP文件,若是你使用的begin主题和我的是统一版本(LTS版本),代码应该如下所示:

  1.     <!-- 最新文章 -->
  2.     <?php if (zm_get_option('news')) { ?>
  3.     <div class="cms-news sort" name="<?php echo zm_get_option('news_s'); ?>">
  4.         <?php
  5.         if (!zm_get_option('news_model') || (zm_get_option("news_model") == 'news_grid')) {
  6.             // 尺度模式
  7.             require get_template_directory() . '/cms/cms-news-grid.php';
  8.         }
  9.         if (zm_get_option('news_model') == 'news_normal') {
  10.             // 图文模式
  11.             require get_template_directory() . '/cms/cms-news-normal.php';
  12.         }
  13.         ?>
  14.     </div>
  15.     <?php } ?>

然后将下面的CSS样式代码放置到 的上方即可。

  1.     <!--谈论自动排第一-->
  2.     <style>
  3.     .jiub {width:100%;margin-bottom:10px;height:auto!important;background:#fff;border:2px solid #dddddd;text-align:left;color:#123456;
  4.     border:1px solid #eaeaea;border-radius:4px;}
  5.     .jiub p{padding-top:10px;padding-bottom:10px;padding-left:3%;font-size:16px;border:1px solid #dddddd;background:#f8f8f8}
  6.     .jiub ul{margin-top:10px;margin-bottom:10px;font-size:13px;padding-bottom:40px;margin-left:3%;}
  7.     .jiub ul li{list-style:none;float:left;margin-left:0px;margin-bottom:10px;width:16%;overflow:hidden;height:24px;text-align:left;}
  8.     .jiub ul li img{width:20px;height:20px;margin-left:2px;margin-right:2px;}
  9.     @media (max-width:820px) {.jiub{display:none}}
  10.     @media (max-width:820px) {
  11.      .jiub ul li{width:25%;font-size:12px;}
  12.      .jiub p{padding-top:4px;font-size:16px;}
  13.      }
  14.       .jiub i{
  15.       color:#000000;
  16.         margin-right:6px;
  17.       }
  18.     </style>
  19.     <div class="jiub">
  20.     <p>新谈论的读者将自动排在本栏目第一位</p>
  21.         <?php jiub(18); ?>
  22.       <div style="clear: both;display:block"> </div>
  23.     </div>

其中,修改 代码中的18,可以修改你想要显示的读者数目,建议为6的倍数。

其中,代码中49行的@media (max-width:820px) {.jiub{display:none}}设置了屏幕宽度小于820px,则不显示这个栏目。若是你想手机端也显示这个栏目,可以把这一行的代码注释掉。

至此,WordPress首页顶部谈论自动排第一的功效就被放置到最近更新文章的上方。固然,放到其他位置也是可以的,然则建议放在网站首页的视觉中央,才气获得更好的曝光效果,施展它该有的作用。

弥补内容

上面提到的是begin主题杂志结构下的代码部署,思量到许多同伙时使用博客结构的,那么博客结构应该怎么怎么部署才气正常显示呢?

博客结构下的代码部署和杂志结构的方式是一致的,只是第二步中代码放置的文件有所差异。杂志结构是放置到主问题录CMS文件夹中的cms-news.php中。博客结构时放置到主问题录template文件夹的blog.php文件中。

首先找到以下代码(也许是1-13行),将代码放置到后面即可。

  1.     <?php get_header(); ?>
  2.         <div id="primary" class="content-area">
  3.             <main id="main" class="site-main" role="main">
  4.                 <?php if (zm_get_option('order_by')) {  begin_orderby(); }?>
  5.                 <?php if (zm_get_option('slider')) { ?>
  6.                     <?php
  7.                         if ( !is_paged() ) :
  8.                             get_template_part( 'template/slider' );
  9.                         endif;
  10.                     ?>
  11.                 <?php } ?>

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!3308869544
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有猫币奖励和额外收入!

主题镇 WP教程 WordPress首页顶部实现新评论自动排第一 https://zhutizhen.com/14664.html

永远为用户服务的镇长!

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或联络我们。
查看详情

相关文章