![图片[1]-【原创】记一次给WordPress博客增加美化魔改统计小工具代码教程-墨吻博客](https://mowen3.oss-cn-qingdao.aliyuncs.com/wp-content/uploads/2022/04/GIF-2022-4-6-星期三-19-12-17.gif)
巴拉巴拉
原作者也不清楚是谁了,从朋友网站扒拉出来的小工具。
此次修改并美化了原来的统计小工具。
因个人主题原因,出现bug与我无关,反正老墨吻我是正常运行。
教程开始
首先需要在主题的目录下新建一个 WordPressRunningInfoStat.php 文件,将以下代码拷贝到此文件中:
在代码里面搜一下”太阳“跟“波浪”把相对应的图片地址替换一下,图片放在代码下方下载了。
在代码里面搜一下”矢量图“看一下怎么替换你的矢量图标,直接复制用的话会不显示图标的。
所需要的素材图片放在下方,直接下载,上传到服务器即可。
![taiyang](https://mowen3.oss-cn-qingdao.aliyuncs.com/wp-content/uploads/2022/04/taiyang-2.gif)
![time](https://mowen3.oss-cn-qingdao.aliyuncs.com/wp-content/uploads/2022/04/time-2.png)
![h3](https://mowen3.oss-cn-qingdao.aliyuncs.com/wp-content/uploads/2022/04/h3.png)
下方是美化的css代码,将代码复制到主题的自定义css里面,或者创建一个css文件引用即可。
如何使用?
网站后台-外观-小工具或者自定义里面都可以添加。
关于使用此程序遇到的bug
如果你取消注释了124行报错了,多半是服务器原因,拉倒吧,别百度了,直接注释掉解决。
图标不显示情况:
1.在阿里矢量图标库那里重新创建一个项目,勾选svg重新生成代码。
2.倒回去再看看教程,上面说了,要替换成自己的。
图标引用教程可以在本站搜矢量图查看。
有什么不懂得可以私信站长。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容