前言

废话不多说直接来教程

安装教程

• 1、首先第一步在文章结尾下载我已备好的文件widget-websitestat.php，直接上传到你网站主题根目录，记得是主题根目录，在你的主题目录。
• 2、在主题目录下themes/zibll/functions.php文件中最下面，添加下面的函数代码即可。

//添加站点统计小工具
include("widget-websitestat.php");

• 3、在网站后台---》zibill 主题设置---》自定义代码---》自定义 CSS 样式，添加下面的 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://你的图片地址/tj1.jpg);}
.widgest-bg2{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://你的图片地址/tj2.jpg);}
.widgest-bg3{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://你的图片地址/tj3.jpg);}
.widgest-bg4{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://你的图片地址/tj4.jpg);}
.widgest-bg5{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://你的图片地址/tj5.jpg);}
.widgest-bg6{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://你的图片地址/tj6.jpg);}
.widgest-bg7{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://你的图片地址/tj7.jpg);}
.widgest-bg8{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://你的图片地址/tj8.jpg);}
.widgest-bg9{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://你的图片地址/tj9.jpg);}
.widgest-bg10{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://你的图片地址/tj10.jpg);}
.widgest-bg11{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://你的图片地址/tj11.jpg);}
/*网站信息统计小模块结束*/

• 4、以上代码中的图片是一张图片给切割成了11份，自己准备一张喜欢的图片，点击进入图片切割网站，

然后按顺序添加上面css 代码中”widgest-bg1-widgest-bg11″都是按顺序好的，在 url(图片链接路径)里面加就行

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

最终效果

感谢您的来访，获取更多精彩文章请收藏本站。