wordpress给网站侧边栏添加一个网站信息统计工具-追梦人

最近在折腾自己的博客，无意间看到别人博客的统计信息，也想自己做一个，今天在网页看到大神分出来的原码，转过来，做个记号。

我使用的是 Puock Theme 在边栏样式上可能会和其他主题不同，请根据个人的实现情况进行调整。

实现步骤和方法

1、在主题根目录下创建小工具widget-websiteinfo.php文件

在文件中写入以下内容

<?php
    // WordPress统计信息小工具安装教程：
   // 名称: 网站信息统计
    // 修改版-美化版20231020
    // by 蓝色创想 
    // 定义小工具的类 EfanWebsitestat 


    class EfanWebsitestat extends WP_Widget{
     
    	function __construct(){
    		// 定义小工具的构造函数
    		$widget_ops = array('classname' => 'widget_Websitestat', 'description' => '显示网站的统计信息');
    // 		$this->WP_Widget(false, '网站统计', $widget_ops);
    		parent::__construct( false, '网站统计', $widget_ops);
    	}
    	
    	function form($instance){
    		// 表单函数,控制后台显示
    		// $instance 为之前保存过的数据
    		// 如果之前没有数据的话,设置默认量
    		$instance = wp_parse_args(
    			(array)$instance,
    			array(
    				'title' => '网站信息统计',
    				'establish_time' => '2021-01-01'
    			)
    		);
    		$title = htmlspecialchars($instance['title']);
    		$establish_time = htmlspecialchars($instance['establish_time']);
    		// 表格布局输出表单
    		$output = '<table>';
    		$output .= '<tr><td>标题</td><td>';
    		$output .= '<input id="'.$this->get_field_id('title') .'" name="'.$this->get_field_name('title').'" type="text" value="'.$instance['title'].'" />';
    		$output .= '</td></tr><tr><td>建站时间：</td><td>';   
    		$output .= '<input id="'.$this->get_field_id('establish_time') .'" name="'.$this->get_field_name('establish_time').'" type="text" value="'.$instance['establish_time'].'" />';   
    		$output .= '</td></tr></table>';  
    		echo $output;   
    	}
    	function update($new_instance, $old_instance){
    		// 更新数据的函数
    		$instance = $old_instance;
    		// 数据处理
    		$instance['title'] = strip_tags(stripslashes($new_instance['title']));
    		$instance['establish_time'] = strip_tags(stripslashes($new_instance['establish_time']));
    		return $instance;
    	}
    	function widget($args, $instance){
    		extract($args); //展开数组
    		$title = apply_filters('widget_title',empty($instance['title']) ? '&nbsp;' : $instance['title']);
    		$establish_time = empty($instance['establish_time']) ? '2021-01-01' : $instance['establish_time'];
    		echo $before_widget;
    		echo $before_title . $title . $after_title;
    		echo '<div class="widgest-boys"><ul>';
    		$this->efan_get_websitestat($establish_time);
    		echo '</ul></div>';
    		echo $after_widget;
    	}
    	function efan_get_websitestat($establish_time){
    		// 相关数据的获取
    		global $wpdb;
    		$count_posts = wp_count_posts();
    		$published_posts = $count_posts->publish;
    		$comments_count = $wpdb->get_var("SELECT COUNT(*) FROM $wpdb->comments");
    		$time = floor((time()-strtotime($establish_time))/86400);
    		$count_tags = wp_count_terms('post_tag');
    		$count_pages = wp_count_posts('page');
    		$link = $wpdb->get_var("SELECT COUNT(*) FROM $wpdb->links WHERE link_visible = 'Y'"); 
    		$users = $wpdb->get_var("SELECT COUNT(ID) FROM $wpdb->users");
    		$last = $wpdb->get_results("SELECT MAX(post_modified) AS MAX_m FROM $wpdb->posts WHERE (post_type = 'post' OR post_type = 'page') AND (post_status = 'publish' OR post_status = 'private')");
    		$last = date('Y-m-d', strtotime($last[0]->MAX_m));
    		$total_views = $wpdb->get_var("SELECT SUM(meta_value+0) FROM $wpdb->postmeta WHERE meta_key = 'views'");  
    		// 显示数据
    		$output = '<div class="widgest-bg widgest-bg1"><div class="widgest-main"><div class="widgest-meat"><li>文章总数：';
    		$output .= $published_posts;
    		$output .= ' 篇</li></div></div></div>';
    		$output .= '<div class="widgest-bg widgest-bg2"><div class="widgest-main"><div class="widgest-meat"><li>评论数目：';
    		$output .= $comments_count;
    		$output .= ' 条</li></div></div></div>';
    		$output .= '<div class="widgest-bg widgest-bg3"><div class="widgest-main"><div class="widgest-meat"><li>标签总数：';
    		$output .= $count_tags;
    		$output .= ' 个</li></div></div></div>';
    		$output .= '<div class="widgest-bg widgest-bg4"><div class="widgest-main"><div class="widgest-meat"><li>浏览次数：';
    		$output .= $total_views;
    		$output .= ' 次</li></div></div></div>';
    		$output .= '<div class="widgest-bg widgest-bg5"><div class="widgest-main"><div class="widgest-meat"><li>友链总数：';
    		$output .= $link;
    		$output .= ' 个</li></div></div></div>';
    		$output .= '<div class="widgest-bg widgest-bg6"><div class="widgest-main"><div class="widgest-meat"><li>我的朋友：';
    		$output .= $users;
    		$output .= ' 位</li></div></div></div>';
    		$output .= '<div class="widgest-bg widgest-bg7"><div class="widgest-main"><div class="widgest-meat"><li>运行天数：';
    		$output .= $time;
    		$output .= ' 天</li></div></div></div>';
    		$output .= '<div class="widgest-bg widgest-bg8"><div class="widgest-main"><div class="widgest-meat"><li>建站时间：';
    		$output .= $establish_time;
    		$output .= '</li></div></div></div>';
    		$output .= '<div class="widgest-bg widgest-bg9"><div class="widgest-main"><div class="widgest-meat"><li>最后更新：';
    		$output .= $last;
    		$output .= '</li></div></div></div>';
        // 	页面生成耗时+数据库查询	
    		$output .= '<div class="widgest-bg widgest-bg10"><div class="widgest-main"><div class="widgest-meat"><li>数据查询：';
    		$output .= get_num_queries();
    		$output .= ' 次 </li></div></div></div>';
    		$output .= '<div class="widgest-bg widgest-bg11"><div class="widgest-main"><div class="widgest-meat"><li>生成耗时：';
    		$output .= timer_stop(0,5);
    		$output .= '秒</li></div></div></div>';
    		echo $output;
    	}
    }
    function EfanWebsitestat(){
    	// 注册小工具
    	register_widget('EfanWebsitestat');
    }
    add_action('widgets_init','EfanWebsitestat');
    ?>

[download file='widget-websiteinfo.rar' size='1.82KB']widget-websiteinfo.php文件下载[/download]

2、修改主题function.php文件，include_once('widget-websiteinfo.php');

修改主题function.php文件，将widget-websiteinfo.php文件包含进来，使用include(widget-websiteinfo.php文件路径)，或 include_once(widget-websiteinfo.php文件路径);个人建议使用include_once()函数；

3、在网站后台---》主题设置---》自定义代码---》自定义 CSS 样式

主题没有自定义 CSS 样式的，在主题目录下 style.css 添加也都可以。

/*网站统计小模块*/
.widget_Websitestat h3{font-weight:700;}

 .widgest-boys{overflow:hidden;} 

.widgest-boys .widgest-bg{
    margin: 1px; 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    border-radius: 3px;}

.widgest-boys .widgest-main{
    align-items: center;
	  place-content:flex-center space-around;
    display: flex;}

.widgest-boys .widgest-meat{
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 15px;
    margin-inline-end: 10px;
    color: rgb(255, 255, 255);
    font-weight: 700 !important;
    line-height: 1.2 !important;}

.widgest-bg:not(article){transition: all 0.2s;}
.widgest-bg:not(article):hover{transform: translatex(-10px);}

    /*图片路径设置*/
.widgest-bg1{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.dreamren.cn/websitestat/1.jpg);}
.widgest-bg2{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.dreamren.cn/websitestat/2.jpg);}
.widgest-bg3{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.dreamren.cn/websitestat/3.jpg);}
.widgest-bg4{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.dreamren.cn/websitestat/4.jpg);}
.widgest-bg5{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.dreamren.cn/websitestat/5.jpg);}
.widgest-bg6{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.dreamren.cn/websitestat/6.jpg);}
.widgest-bg7{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.dreamren.cn/websitestat/7.jpg);}
.widgest-bg8{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.dreamren.cn/websitestat/8.jpg);}
.widgest-bg9{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.dreamren.cn/websitestat/9.jpg);}
.widgest-bg10{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.dreamren.cn/websitestat/10.jpg);}
.widgest-bg11{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.dreamren.cn/websitestat/11.jpg);}

/* 只有到11个图片，如果还有更多，可以再下面追加*/
/*  .widgest-bg12{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(../1/12.jpg);}     */

[download file='自定义CSS文件下载.zip' size='766B']自定义CSS文件下载[/download]

4、CSS文件中使用了11张图片，是使用一张图，切图实现的

切图可以使用ps软件实现，也可以用在线切图工具实现

在线切图地址：https://www.qtool.net/piccutting

5、在网站后台—》外观—》小工具—》追梦◇网站统计，添加到页面侧边栏即可完成。

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

本站名称：追梦人博客
本站永久地址：https://www.dreamren.cn
本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系在线客服进行删除处理
本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责
本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新
如果您喜欢本站，♥点这儿开通会员资助本站
如遇软件内有加群提示，为修改者自留，非本站信息，注意鉴别
这些信息可能会帮助你了解本站：

SVIP会员关于我们网址导航标签云

wordpress给网站侧边栏添加一个网站信息统计工具

实现步骤和方法

1、在主题根目录下创建小工具widget-websiteinfo.php文件

2、修改主题function.php文件，include_once('widget-websiteinfo.php');

3、在网站后台---》主题设置---》自定义代码---》自定义 CSS 样式

4、CSS文件中使用了11张图片，是使用一张图，切图实现的

5、在网站后台—》外观—》小工具—》追梦◇网站统计，添加到页面侧边栏即可完成。

评论(0)

提示：请文明发言取消回复

作者信息

排行榜展示

联想电脑管家篡改Edge浏览器主页解决办法

电脑如何输出5.1或7.1音频

EXCEL部分内容有问题，EXCEL修复后数据丢失的处理方法

【Windows】解决：windows照片查看器无法显示此图片，因为计算机上的可能和内存可能不足。

删除右键菜单中的Git Gui Here、Git Bash Here的方法

Adobe 2023 提示非正版的处理方式法

近期更新

2024年公共安全事件回顾

XMind2023 Windows版破解补丁

想，都是问题；做，才有答案

【速算】（06）头相同尾合十两位数相乘速算

【速算】（05）一位数乘99 速算

【速算】（04）几百零几的平方速算

wordpress给网站侧边栏添加一个网站信息统计工具

实现步骤和方法

1、在主题根目录下创建小工具widget-websiteinfo.php文件

2、修改主题function.php文件，include_once('widget-websiteinfo.php');

3、在网站后台---》主题设置---》自定义代码---》自定义 CSS 样式

4、CSS文件中使用了11张图片，是使用一张图，切图实现的

5、在网站后台—》外观—》小工具—》追梦◇网站统计，添加到页面侧边栏即可完成。

评论(0)

提示：请文明发言 取消回复

相关文章

作者信息

排行榜展示

近期更新

提示：请文明发言取消回复