WordPress添加文章页面访问次数+美化

作者 : 去看你博客 本文共1126个字,预计阅读时间需要3分钟 发布时间: 2019-07-27 共902人阅读

其实这个功能就是在文章侧边栏加入一个统计代码就可以进行实现,去看你博客这里只是将原有的单调统计文字加入图片中美化,下面先看看效果吧!

美化效果

WordPress添加文章页面访问次数+美化
PC端可以直接右侧看效果

博主用的是知更鸟主题,所以只需要将下面的代码放入文章页面的侧边工具栏中即可!

<script type="text/javascript"">
            if(localStorage.pagecount){localStorage.pagecount=Number(localStorage.pagecount)+1}else{localStorage.pagecount=1}document.write("你是第"+localStorage.pagecount+"次打开去看你博客文章页面!"); </script>

 

以上为简单的统计代码,下面为博主美化后的代码。

<div class="img-group"><img src="https://www.7kanni.cn/wp-content/uploads/2019/07/2019072708133271.jpg"><div class="img-tip"><script type="text/javascript"">
            if(localStorage.pagecount){localStorage.pagecount=Number(localStorage.pagecount)+1}else{localStorage.pagecount=1}document.write("你是第"+localStorage.pagecount+"次打开去看你博客文章页面!"); </script></div></div>
<style type="text/css">
.img-group {  position: relative;  display: inline-block;}        .img-tip {  position: absolute;  bottom: 0;  background: #333;  color: #fff;  opacity: 0.6; width: 100%;  text-align: center;}
</style>

 

其实需要的朋友还可以用来做其他的扩展,比如:

  1. 给图片加上链接,可以做为“给我投稿”入口
  2. 图片太过于单调,利用图片接口可以每次更换背景图片

博主这里就简单的加入一些样式,做个统计效果就好了 😛

1. 本站付费资源来源于网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
去看你博客 » WordPress添加文章页面访问次数+美化

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
评论后隐藏内容依旧不可见怎么办?
首次在本站评论需要经过审核通过后才可显示,为了您的评论能尽快通过审核请勿恶意评论,评论通过后会在第一时间通过邮件的方式发送到您在本站的注册邮箱内!
下载后无法正常运行如何提供售后支持?
每一个程序都经过严格的测试后发布上线,99%的问题都是安装方法错误或环境缺少扩展导致。普通用户不提供技术售后(可进行留言,我们收到之后尽可能去解答,但不保证马上解决),会员用户可随时随地享受优质的售后技术支持与问题解答。更多说明请参考 VIP介绍。

8 评论

  1. 能折腾是好事,知道自己要啥更是重要。

  2. 多一个提示也不错,不过作用估计不大,估计投放站内的图片广告会更有用

    1. 小站投放广告收益不高,作为一个投稿入口还是可以的

    1. 哈哈?,折腾一下还是不错的。

发表评论