有刚建站的小伙伴留言想要知道华为博客侧边栏的小工具的搭建方法其实也很简单,之前是因为我懒没有更新,正好今天一并出了个教程给大家分享
实际效果预览:
![图片[1]-wordpress给网站侧边栏添加一个网站信息统计工具-华为博客](https://www.hwsoy.com/wp-content/uploads/2022/12/2022122702060092.png)
安装教程:
1、首先第一步在你的主题目录下面下载我准备好的 widget-websitestat.php 文件,文件我放在文章结尾
2、在主题目录下themes/zibll/functions.php文件中,添加下面的函数代码即可。随便你添加在多少行
3、在网站后台—》zibill 主题设置—》自定义代码—》自定义 CSS 样式,添加下面的 CSS 代码,
主题没有自定义 CSS 样式的,在主题目录下 style.css 添加也都可以。
4、另外上一步 CSS 代码中是有的 11 张图片是需要单独设置的,当然嫌麻烦的也可以引用我的,我把图片上传永久地址了
说明:不想用我的图片你自己用一张图片剪切成 11 份,然后按顺序添加进去,css 中”widgest-bg1-widgest-bg11″都是按顺序好的,在 url(图片链接路径)里面加就行
我是用下面的在线剪切工具,也挺方便可以实时看到剪切效果
在线地址:https://www.qtool.net/piccutting
![图片[2]-wordpress给网站侧边栏添加一个网站信息统计工具-华为博客](https://www.hwsoy.com/wp-content/uploads/2022/12/2022122702100255.png)
5、在主题目录下/wp-content/themes/zibll/functions.php文件中放入下面的引用代码放在functions.php文件底部就可以
6、最后一步,在网站后台—》外观—》小工具—》觅知网站统计,添加首页到侧边栏即可完成。
![图片[3]-wordpress给网站侧边栏添加一个网站信息统计工具-华为博客](https://www.hwsoy.com/wp-content/uploads/2022/12/2022122702121925.png)
最终效果:
![图片[4]-wordpress给网站侧边栏添加一个网站信息统计工具-华为博客](https://www.hwsoy.com/wp-content/uploads/2022/12/2022122702122875.png)
widget-websitestat.php文件下载:
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容