给你的WordPress加上萌萌的统计边栏(纯代码)

文章目录

0 1 2 3 456  7 8 9

在很多网站都看多了这套图片做的统计,但是在网上找了好久,都没找到与wp相关的插件,于是就决定自己动手做一个出来,本来想做成插件的,但是又对wp插件开发一知半解,最后就使用代码直接实现了,这里分享方法给大家。

第一步:下载&上传文件

下载附件:点击我下载


解压后上传到wp-content文件夹内

并修改权限(这里我修改为777),具体方法请自行百度

第二部:修改函数模板

因为我是使用WordPress自带的文本小工具制作的,但是文本小工具默认是不支持PHP的,所以需要需要修改函数模板使他支持PHP,方法如下:

打开主题目录下的functions.php文件,在其中加入如下代码,并保存:

1
2
3
4
5
6
7
8
add_filter('widget_text', 'php_text', 99);
function php_text($text) {
if (strpos($text, '<' . '?') !== false) { ob_start(); eval('?' . '>' . $text);
$text = ob_get_contents();
ob_end_clean();
}
return $text;
}

第三步:边栏的制作

添加一个文本小工具,键入如下代码,并保存:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php
 //获取文章总数
 $count_posts = wp_count_posts();
 $published_posts = $count_posts->publish; 
 //取文本长度,并转为10进制整数
 $length = strlen($published_posts); 
 $long = intval($length, 10); 
 echo "<div style=\"margin-top: 5px;margin-bottom: 5px;margin-right: auto;margin-left: auto;width:".(string)($long*45)."px;\" title=\"XXX目前已容纳了".$published_posts."篇文章\">"; 
 //以此以文章数单字作为文件名,输出图片 
 for($i=0;$i<$long;$i++){ 
 $t=substr($published_posts,$i,1); 
 echo "<img src=\"/wp-content/moe_statistics/images/".$t.".gif\" >"; 
 } 
 echo '</div>'; 
?>

完成:预览效果

效果什么的直接看我网站边栏不就好了嘛~~

原文链接:,转发请注明来源!

发表评论

要发表评论,您必须先登录