本文写于 2020年07月20日,距今已超过 1 年,距 2022年10月18日 的最后一次修改也已超过 3 个月,部分内容可能已经过时,您可以按需阅读。如果图片无法显示或者下载链接失效,请给我反馈,谢谢!


Visits: 342

4.6 11 投票数
评分

Typecho 很多主题都带有一个很好看的边栏统计,包括文章数、上次更新时间等等。

WordPress 也有类似的插件,但是统计的信息不完全是我希望的,那不如就自己搞一个。

这是一个 WordPress 的边栏统计小工具,包括文章个数、评论个数、最后更新时间、建站天数、服务器连续运行时间等。

小工具

下载这段代码。

将该文件放在主题根目录下。

function.php 中注册该小工具(include("WordpressRunningInfoStat.php");)。

之后就可以在控制面板(后台——外观——小工具)添加该小工具。

可能需要修改建站日期的值 establish_time

美化

有小伙伴从我这里抱走这个小工具以后,嫌丑,给他加了一段 CSS。

我就也把他的 CSS 抱过来了。

这个 CSS 代码放在主题自定义 CSS 里就行,具体参数按自己喜欢的改。

/*给博客统计加阴影、四角变圆滑、背景变透明*/
#wordpressrunninginfostat-2 section {
    box-shadow:0 10px 10px 5px #bbbdc1;
    border-radius:22px;
}
.list-group-item:first-child{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.list-group-item:last-child{
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.list-group-item{
    background-color:transparent;
}

说明

你可以根据自己的需要增加、删除、修改统计的内容。

因为这个文件可能会持续地更新,所以是以代码片段的形式给的链接,你可以复制粘贴这段代码,然后自己新建一个文件保存。

4.6 11 投票数
评分
25条留言
订阅评论
提醒
guest

在点击发表评论按钮时,网络请求的数据包含浏览器版本、操作系统版本和 IP 地址;您的网络服务提供商、雇主或学校、政府机构可能会看到您的访问活动;根据浏览器默认行为、操作系统设置和安全防护软件的设置不同,您的浏览器可能会也可能不会在本地 Cookies 缓存您输入的用户名、邮箱以便下次评论使用。

请对自己的言行负责。

您想以什么身份发表评论
邮箱将在您的评论被回复时给您通知
(可选)如果您也有个人网站,不妨分享一下
我对这篇文章的评分
这篇文章给您带来多大帮助
25 评论
内联反馈
查看所有评论
John Smith
John Smith Chrome 99.0.4844.84 Windows 10
游客
2022年4月3日 07:10

最近剛好要搭建blog,感謝博主分享好東西 ? 

个股纷纷
个股纷纷 Chrome 98.0.4758.102 Windows 10
游客
2022年3月2日 22:32
我对这篇文章的评分 :
     

/*给博客统计加阴影、四角变圆滑、背景变透明*/#wordpressrunninginfostat-2 section { box-shadow:0 10px 10px 5px

个股纷纷
个股纷纷 Chrome 98.0.4758.102 Windows 10
游客
2022年3月2日 22:29
我对这篇文章的评分 :
     

喜欢feickigjg

WEI
WEI QQ浏览器 10.8.4559.400 Windows 10
游客
2022年2月17日 12:27
我对这篇文章的评分 :
     

感谢分享

墨白
墨白 Chrome 97.0.4692.71 Windows 10
游客
2022年1月13日 20:24
我对这篇文章的评分 :
     

感谢分享

cai
cai Chrome 95.0.4638.54 Windows 10
游客
2021年12月19日 15:45
我对这篇文章的评分 :
     

非常实用的小工具,感谢博主

Grape
Grape Firefox 82.0 Windows 10
游客
2021年11月13日 12:20
我对这篇文章的评分 :
     

我试试

zzw
zzw Chrome 88.0.4324.190 Windows 10
游客
2021年3月9日 09:47
我对这篇文章的评分 :
     

? Emoji Test

anljlu
anljlu Chrome 78.0.3904.108 Windows 10
游客
2021年3月7日 02:39
我对这篇文章的评分 :
     

非常实用的小工具,感谢楼主

abel
abel Edge 87.0.664.60 Windows 10
游客
2020年12月19日 13:32
我对这篇文章的评分 :
     

看一看