子比主题网站底部添加横向统计信息

子比主题网站底部添加横向统计信息-上网的蜗牛
子比主题网站底部添加横向统计信息
此内容为付费阅读,请付费后查看
500积分
1蜗壳 = 100 积分
付费阅读
已售 1
热帖

前言

这段时间在网卡闲逛时看到隔壁狐狸库网站首页底部有个统计信息模块,觉得非常漂亮,我个人很喜欢(网上还有另外几个版本的我不太喜欢),于是便想扒过来用,奈何他的关键代码要积分购买,我注册了账号可是积分涨得太慢,为此差点着急上火,今儿上午便开始研究怎么把他的代码“偷”过来,这时我就羡慕那些程序员了,想要?直接上手写一个,到我这:想要?自己想办法搞,此时我和李云龙的心情是一样的啊。得自力更生!还好运气不错,经过几个小时的奋战,基本还原了狐狸库家的样式。先给你们看个图

图片[1]-子比主题网站底部添加横向统计信息-上网的蜗牛

重头戏

  1. 修改主题根目录下的header.php
  2. 修改主题根目录下的func.php(也可以是functions.php)
  3. 主题后台自定义代码->自定义底部HTML中引用阿里矢量图标和统计信息模块CSS
  4. 上传相关文件
  5. 模块配置->首页底部全宽度->自定义HTML中插入代码

一、修改主题根目录下的header.php

<script type="text/javascript" >
//文章总数
<?php $count_posts = wp_count_posts(); $published_posts =$count_posts->publish;echo "var stat_wzzs="."'$published_posts'";?>
//评论总数
<?php $count_commonts = zfunc_comments_users($postid=0,$which=0);echo "var stat_plts="."'$count_commonts'";?>
//运行时间 strtotime()中的日期时间改为你网站开通的日期
<?php $wdyx_time = floor((time()-strtotime("2023-10-18 18:18:18"))/86400);echo "var stat_yxsj="."'$wdyx_time'";?>
//用户总数
<?php global $wpdb;$users = $wpdb->get_var("SELECT COUNT(ID) FROM $wpdb->users");echo "var stat_zcyh="."'$users'";?>
//总访问量
<?php $post_view = nd_get_all_view();echo "var stat_zfwl="."'$post_view'";?>
</script>

二、修改主题根目录下的func.php

/* 统计总访问量 */
function nd_get_all_view(){
  global $wpdb;
  $count=0;
  $views= $wpdb->get_results("SELECT * FROM $wpdb->postmeta WHERE meta_key='views'");
  foreach($views as $key=>$value){
    $meta_value=$value->meta_value;
    if($meta_value!=' '){
      $count+=(int)$meta_value;
    }
  }return round($count / 10000,2);
}
/* 统计本周文章数量 */
function get_posts_count_from_last_168h($post_type ='post') {
    global $wpdb;
    $numposts = $wpdb->get_var(
        $wpdb->prepare(
            "SELECT COUNT(ID) ".
            "FROM {$wpdb->posts} ".
            "WHERE ".
                "post_status='publish' ".
                "AND post_type= %s ".
                "AND post_date> %s",
            $post_type, date('Y-m-d H:i:s', strtotime('-168 hours'))
        )
    );
    return $numposts;
}
/*统计所有文章的评论总数*/
function zfunc_comments_users($postid=0,$which=0) {
  $comments = get_comments('status=approve&type=comment&post_id='.$postid); //获取文章的所有评论
  if ($comments) {
    $i=0; $j=0; $commentusers=array();
    foreach ($comments as $comment) {
      ++$i;
      if ($i==1) { $commentusers[] = $comment->comment_author_email; ++$j; }
      if ( !in_array($comment->comment_author_email, $commentusers) ) {
        $commentusers[] = $comment->comment_author_email;
        ++$j;
      }
    }
    $output = array($j,$i);
    $which = ($which == 0) ? 0 : 1;
    return $output[$which]; //返回评论人数
  }
  return 0; //没有评论返回0
};

三、主题后台自定义代码->自定义底部HTML中引用阿里矢量图标和统计信息模块CSS

<!--阿里矢量图标-->
<script src="阿里矢量图标链接,不要图标这条可以删除"></script>
<!--阿里矢量图标-->
<!--引用底部统计信息CSS-->
<link rel="stylesheet" href="CSS文件链接" type="text/css">
<!--引用底部统计信息CSS-->

不知道怎么引用阿里矢量图的看下文

四、把文件上传到网站任意目录,但要记得路径,后面要用

五、模块配置->首页底部全宽度->自定义HTML中插入代码

<div class="textwidget custom-html-widget"><div id="zxm-info-wg-mian">
<div class="zxm-info-item">

<div class="zxm-wz-item">
<div class="zxm-wz-sty zxm-wzzs-item">
<svg class="icon fa-2x" aria-hidden="true">
<use xlink:href="#icon-icon_chaxun"></use>
</svg>
<span class="zxm-i-num"><script type="text/javascript">
document.write(stat_wzzs);
</script>篇</span>
<span class="frame-bg" title="文章篇数">文章篇数</span>
</div>

<div class="zxm-wz-sty zxm-bzfb-item">
<svg class="icon fa-2x" aria-hidden="true">
<use xlink:href="#icon-benzhou1"></use>
</svg>
<span class="zxm-i-num"><script type="text/javascript">
document.write(tj_7d);
</script>篇</span>
<span class="frame-bg" title="本周发布">本周发布</span>
</div>

<div class="zxm-wz-sty zxm-jrfb-item">
<svg class="icon fa-2x" aria-hidden="true">
<use xlink:href="#icon-icon_xiaoxi_visted"></use>
</svg>
<span class="zxm-i-num"><script type="text/javascript">
document.write(stat_plts);
</script>条</span>
<span class="frame-bg" title="评论条数">评论条数</span>
</div>
</div>

<div class="zxm-yhzs-item">
<svg class="icon fa-2x" aria-hidden="true">
<use xlink:href="#icon-icon_yonghu"></use>
</svg>
<span class="zxm-i-num"><script type="text/javascript">
document.write(stat_zcyh);
</script>位</span>
<span class="frame-bg" title="注册用户">注册用户</span>
</div>

<div class="zxm-yxsj-item">
<svg class="icon fa-2x" aria-hidden="true">
<use xlink:href="#icon-icon_rili"></use>
</svg>
<span class="zxm-i-num"><script type="text/javascript">
document.write(stat_yxsj);
</script>天</span>
<span class="frame-bg" title="运行时间">运行时间</span>
</div>

<div class="zxm-llzs-item">
<svg class="icon fa-2x" aria-hidden="true">
<use xlink:href="#icon-icon-fangkeleixing"></use>
</svg>
<span class="zxm-i-num "><script type="text/javascript">
document.write(stat_zfwl);
</script>万次</span>
<span class="frame-bg" title="浏览次数">浏览次数</span>
</div>

<div class="zxm-sjcs-item">
<div class="zxm-sjcj-m">
<span class="zxm-i-num" style="color:blue">—— 蜗牛助手提醒您 ——</span>
<div id="zxm-date-text"></div>
<div id="zxm-week-text"></div>
<div class="zxm-meo-item">
<img id="zxm-meos" src="你上传的文件路径/week-1.webp" alt="emo">
</div>
<div class="zxm-sjcj-content">
<span id="zxm-fatalism"></span>
</div>
<span class="zxm-fatalism" style="color:blue">
www.zxmvps.com
</span>
</div>
</div>    
<div class="zxm-sjcs-item2"><iframe src="你上传的文件路径/tkr/" width="290" height="290" frameborder="no"></iframe></div>
</div>
</div>
<script>
$(function () {
  var myDate = new Date();
  var year = myDate.getFullYear(); //获取当前年
  var mon = myDate.getMonth() + 1; //获取当前月
  var date = myDate.getDate(); //获取当前日
  var week = myDate.getDay();
  var weeks = [
    " 星期日 ",
    " 星期一 ",
    " 星期二 ",
    " 星期三 ",
    " 星期四 ",
    " 星期五 ",
    " 星期六 "
  ];
  $("#zxm-date-text").html(year + "年" + mon + "月" + date + "日"+ weeks[week]);

  if (week > 0 && week < 5) {
    $("#zxm-fatalism").html("再坚持一下还有" + (5 - week) + "天就到周末啦!");
  } else if (week === 5) {
    $("#zxm-fatalism").html("啊啊啊,明天就是周末啦!");
  } else {
    $("#zxm-fatalism").html("今天是周末,好好放肆玩一下吧!");
  }
  $("#zxm-meos").attr(
    "src","你上传的文件路径/week-" + week + ".webp"
  );
});
$("#zxm-info-wg-mian").parents(".zib-widget").css({
  padding: "0",
  background: "none"
});
</script></div>
温馨提示:本文最后更新于2024-02-23 22:07:54,某些文章具有时效性,若有错误或已失效,请在下方留言或联系上网的蜗牛
本文资源整理自网络,仅供学习和研究使用,请在下载后24小时内删除,谢谢合作!

如果觉得本文有用就按Ctrl+D收藏,方便以后随时翻看,免得想看时又找不着 或 发现更多

本站所有资源站长均亲自测试过,确认能正常使用

十二 1

本站历史上的今天

© 版权声明
本文结束
喜欢就支持一下吧
点赞11 分享
评论 抢沙发

为了防止灌水,需登录后方可发表评论

    暂无评论内容