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

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

wordpress 2024-01-24编辑：深圳网站建设阅读（） WordPress 美化 次数

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

美化效果

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

<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.pzo.cc/wp-content/uploads/2021/01/2019072708251098.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. 图片太过于单调，利用图片接口可以每次更换背景图片

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

• 上一章：wordpress备份和搬家插件推荐all-in-on...
• 下一章：如何批量转换WordPress文章分类