子比主题添加底部统计信息模块小工具

文章最后更新时间:2025-09-10 18:20:57

20251203182737693-20251203102737671833

 

今天从网上找来,自己刚弄的,感觉还可以,就分享一波!主要统计信息有用户数、文章数、浏览数、今日发布、运行时间这几个功能。嗯…不知道怎么肥事,唯一美中不足的是手机端的按钮那里总是靠左那么一点点,我也不知道该改哪里,如果哪位大佬知道的话,请在下方留言告知我修改一下,Thanks♪(・ω・)ノ

统计信息模块小工具主要采用前端HTML+CSS和后端函数,通过后端提供功能函数,然后前台获取到后台提供的数据来显示信息功能。有兴趣的大佬可以修改一下。

本站主要采用WordPress+子比主题,没有测试过其他主题,如果你用的其他主题可以自己测试一下,嘻嘻!本站主要以子比主题来写。

下面就分享教程及代码

截图

手机端:

20251203182756810-20251203102756544310

 

手机端-子比主题添加底部统计信息模块小工具

电脑端:

20251203182819519-20251203102819457789

 

电脑端-子比主题添加底部统计信息模块小工

20251203182836705-20251203102836464530

 

电脑端-子比主题添加底部统计信息模块小工-修改版

  1. 在子比主题的主题目录下,header.php底部添加以下函数代码:
  2. <!--统计信息函数-->
    <script type="text/javascript" >
    <?php
    //用户总数
    $users = $wpdb->get_var("SELECT COUNT(ID) FROM $wpdb->users");echo "var tj_jstext="."'$users'";
    ?>
    </script>
    <script type="text/javascript" >
    <?php
    /*
     * WordPress获取今日发布文章数量
     *www.zxiyun.com
     */
    function nd_get_24h_post_count(){
      $today = getdate();
      $query = new WP_Query( 'year=' . $today["year"] . '&monthnum=' . $today["mon"] . '&day=' . $today["mday"]);
      $postsNumber = $query->found_posts;
      return $postsNumber;
    }
    $post_24h = nd_get_24h_post_count();
    echo "var tj_24h="."'$post_24h'";
    ?>
    </script>
    <script type="text/javascript" >
    <?php
    /*
     * WordPress整站文章访问计数
     *www.zxiyun.com
     */
    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 $count;
    }
    $post_view = nd_get_all_view();
    echo "var tj_view="."'$post_view'";
    ?>
    </script>
    <script type="text/javascript" >
    <?php
    //日志总数
    $count_posts = wp_count_posts(); 
    $published_posts =$count_posts->publish;
    echo "var tj_rzzs="."'$published_posts'";
    ?>
    </script>
    <script type="text/javascript" >
    <?php
    //稳定运行
    $wdyx_time = floor((time()-strtotime("2020-3-28"))/86400);
    echo "var tj_wdyx="."'$wdyx_time'";
    ?>
    </script>
    • 修改版PHP代码:
    • <!--调用信息代码-->
      <!--底部统计用的代码-->
      <script type="text/javascript" >
      <?php
      //用户总数
      $users = $wpdb->get_var("SELECT COUNT(ID) FROM $wpdb->users");echo "var tj_jstext="."'$users'";
      ?>
      </script>
      <script type="text/javascript" >
      <?php
      /*
       * WordPress获取今日发布文章数量
       */
      function nd_get_24h_post_count(){
        $today = getdate();
        $query = new WP_Query( 'year=' . $today["year"] . '&monthnum=' . $today["mon"] . '&day=' . $today["mday"]);
        $postsNumber = $query->found_posts;
        return $postsNumber;
      }
      $post_24h = nd_get_24h_post_count();
      echo "var tj_24h="."'$post_24h'";
      ?>
      </script>
      <script type="text/javascript" >
      <?php
      /*
       * WordPress整站文章访问计数
       */
      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 $count;
      }
      $post_view = nd_get_all_view();
      echo "var tj_view="."'$post_view'";
      ?>
      </script>
      <script type="text/javascript" >
      <?php
      //日志总数
      $count_posts = wp_count_posts(); 
      $published_posts =$count_posts->publish;
      echo "var tj_rzzs="."'$published_posts'";
      ?>
      </script>
      <script type="text/javascript" >
      <?php
      //稳定运行
      $wdyx_time = floor((time()-strtotime("2020-04-29"))/86400);
      echo "var tj_wdyx="."'$wdyx_time'";
      ?>
      </script>
      <!--调用信息代码结束-->

        注:函数运行日期2020-3-28改为你自己网站运行的日期。

      2.在后台–>外观–>小工具–>自定义HTML,把自定义HTML放到合适的版块里(子比主题放在首页-底部全宽度),然后把下面代码复制粘贴进去,即可在前台显示。

© 版权声明
THE END
喜欢就支持一下吧
点赞0
评论 抢沙发

请登录后发表评论

    暂无评论内容