前言：

有刚建站的小伙伴留言想要知道侧边栏的小工具的搭建方法其实也很简单

安装教程：

• 1、首先第一步在你的主题目录下面下载我准备好的 widget-websitestat.php 文件，文件我放在文章结尾
• 2、在主题目录下themes/zibll/functions.php文件中，添加下面的函数代码即可。随便你添加在多少行
• 3、在网站后台---》zibill 主题设置---》自定义代码---》自定义 CSS 样式，添加下面的 CSS 代码，
• 主题没有自定义 CSS 样式的，在主题目录下 style.css 添加也都可以。

/*网站<a target="_blank" href="https://www.98dou.cn/tag/%e4%bf%a1%e6%81%af" title="View all posts in 信息">信息</a><a target="_blank" href="https://www.98dou.cn/tag/%e7%bb%9f%e8%ae%a1" title="View all posts in 统计">统计</a>小模块 by 觅知 www.98dou.cn*/
.widget_Websitestat h3{font-weight:700;}.widgest-boys{overflow:hidden;}.widgest-boys .widgest-bg{margin: 4px; background-size: cover; background-repeat: no-repeat; background-position: center center; cursor: pointer; border-radius: 8px;}.widgest-boys .widgest-main{align-items: center; place-content: flex-start space-around; display: flex;}.widgest-boys .widgest-meat{display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; color: rgb(255, 255, 255); font-weight: 700 !important; line-height: 1.5 !important;}.widgest-bg:not(article){transition: all 0.3s;}.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(/PNG//0.jpg);}
.widgest-bg2{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(/PNG//1.jpg);}
.widgest-bg3{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(/PNG//2.jpg);}
.widgest-bg4{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(/PNG//3.jpg);}
.widgest-bg5{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(/PNG//4.jpg);}
.widgest-bg6{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(/PNG//5.jpg);}
.widgest-bg7{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(/PNG//6.jpg);}
.widgest-bg8{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(/PNG//7.jpg);}
.widgest-bg9{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(/PNG//8.jpg);}
.widgest-bg10{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(/PNG//9.jpg);}
.widgest-bg11{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(/PNG//10.jpg);}
/*网站信息统计小模块 by 觅知 www.98dou.cn*/

• 4、另外上一步 CSS 代码中是有的 11 张图片是需要单独设置的，当然嫌麻烦的也可以引用我的，我把图片上传永久地址了
• 说明：不想用我的图片你自己用一张图片剪切成 11 份，然后按顺序添加进去，css 中”widgest-bg1-widgest-bg11″都是按顺序好的，在 url(图片链接路径)里面加就行
• 我是用下面的在线剪切工具，也挺方便可以实时看到剪切效果
• 在线地址：https://www.qtool.net/piccutting

5、在主题目录下/wp-content/themes/zibll/functions.php文件中放入下面的引用代码放在functions.php文件底部就可以

include("widget-websitestat.php");

6、最后一步，在网站后台—》外观—》小工具—》觅知网站统计，添加首页到侧边栏即可完成。

widget-websitestat.php 自己创建一个放在主题下面

<?php

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']) ? ' ' : $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');

?>