WordPress信息统计小工具是侧边前几天逛别的网站看到挺可以的，然后就到百度检索一下，栏添果然有很多这样的加信计云服务器 折扣教程，但是息统那些小工具都只显示文字，不怎么美化，工具特别的侧边简洁。作为喜爱花里胡哨和爱捣鼓的栏添我，当然要进行一些修订啦！加信计O(∩_∩)O哈哈~，息统然后我自己就弄出了看上去比较可以的工具信息统计小工具（算是图片版吧<del>~），代码基本都是侧边参考大佬的（没那个本事写代码啊</del>~苦逼的三无青年）。本来有9个信息统计（移除一些没用的栏添，就剩下9个），加信计但是息统我又新加了2个页面数据库查询和生成耗时，顿时就感觉这个信息统计小工具变长了，工具云服务器 折扣都是又不知道移除啥好，所以如果你觉得太长的话，自己移除或者注解掉一些没用的信息统计，再或者修订大小…好啦，话不多说，下面共享教程。

美化教程

有两种方法：

（方法一）在主题目录下创建widget-websitestat.php文件，然后把下面的php代码添加进去。

代码：

<?php // WordPress统计信息小工具 // 名称: 网站信息统计 // 定义小工具的类 EfanWebsitestat class EfanWebsitestat extends WP_Widget{ function__construct(){ // 定义小工具的构造函数 $widget_ops = array(classname =>widget_Websitestat, description =>显示网站的统计信息); parent::__construct(false, WIIUII 网站统计, $widget_ops); } functionform($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; } functionupdate($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; } functionwidget($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; } functionefan_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; } } functionEfanWebsitestat(){ // 注册小工具 register_widget(EfanWebsitestat); } add_action(widgets_init,EfanWebsitestat); ?> <?php // WordPress统计信息小工具 // 名称: 网站信息统计 // 定义小工具的类 EfanWebsitestat class EfanWebsitestat extends WP_Widget{ function __construct(){ // 定义小工具的构造函数 $widget_ops = array(classname => widget_Websitestat, description => 显示网站的统计信息); parent::__construct(false, WIIUII 网站统计, $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); ?> <?php // WordPress统计信息小工具 // 名称: 网站信息统计 // 定义小工具的类 EfanWebsitestat class EfanWebsitestat extends WP_Widget{ function __construct(){ // 定义小工具的构造函数 $widget_ops = array(classname => widget_Websitestat, description => 显示网站的统计信息); parent::__construct(false, WIIUII 网站统计, $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); ?>

（方法二）本站已经创建好文件，免去了你自己创建文件，在文章末尾处“资源获取”获取文件，然后提交到主题目录下即可。

2、在主题目录下functions.php文件，添加下面的函数代码即可。

//添加站点统计小工具 //添加站点统计小工具 include("widget-websitestat.php"); //添加站点统计小工具 include("widget-websitestat.php"); //添加站点统计小工具 include("widget-websitestat.php"); 3、在网站后台—》主题设置—》自定义代码—》自定义CSS样式，添加下面的CSS代码，主题没有自定义CSS样式的，在主题目录下style.css添加即可。 3、在网站后台—》主题设置—》自定义代码—》自定义CSS样式，添加下面的CSS代码，主题没有自定义CSS样式的，在主题目录下style.css添加即可。 3、在网站后台—》主题设置—》自定义代码—》自定义CSS样式，添加下面的CSS代码，主题没有自定义CSS样式的，在主题目录下style.css添加即可。 /*统计小模块*/ .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(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_1.jpeg);} .widgest-bg2{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_2.jpeg);} .widgest-bg3{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_3.jpeg);} .widgest-bg4{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_4.jpeg);} .widgest-bg5{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_5.jpeg);} .widgest-bg6{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_6.jpeg);} .widgest-bg7{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_7.jpeg);} .widgest-bg8{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_8.jpeg);} .widgest-bg9{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_9.jpeg);} .widgest-bg10{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_10.jpeg);} .widgest-bg11{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_11.jpeg);} /*统计小模块*/ .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(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_1.jpeg);} .widgest-bg2{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_2.jpeg);} .widgest-bg3{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_3.jpeg);} .widgest-bg4{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_4.jpeg);} .widgest-bg5{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_5.jpeg);} .widgest-bg6{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_6.jpeg);} .widgest-bg7{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_7.jpeg);} .widgest-bg8{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_8.jpeg);} .widgest-bg9{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_9.jpeg);} .widgest-bg10{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_10.jpeg);} .widgest-bg11{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_11.jpeg);} /*统计小模块*/ .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(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_1.jpeg);} .widgest-bg2{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_2.jpeg);} .widgest-bg3{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_3.jpeg);} .widgest-bg4{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_4.jpeg);} .widgest-bg5{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_5.jpeg);} .widgest-bg6{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_6.jpeg);} .widgest-bg7{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_7.jpeg);} .widgest-bg8{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_8.jpeg);} .widgest-bg9{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_9.jpeg);} .widgest-bg10{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_10.jpeg);} .widgest-bg11{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_11.jpeg);} .widgest-bg11{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.cunshao.com/666666/meihua/img/202265214415536a8ec8a13632762d0e984c674694de6f2533dc6e9_11.jpeg);}

阐释（非常重要）：图片我是通过一张图片裁剪成11张图片（有11个信息统计），然后通过CSS添加进去的。你可以自己裁剪11张图片，然后按顺序添加进去，css中”widgest-bg1-widgest-bg11″都是按顺序好的，在url(图片链接路径)里面加，不懂的找留言或者联系我。

我用的裁剪工具是在百度乱找的，呐！http://www.zuohaotu.com/cut-image.aspx就是这个。

裁剪教程：

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

标题和建站时间自己填写。 内容看完了