WordPress添加文章页面访问次数+美化
WordPress添加文章页面访【fǎng】问【wèn】次【cì】数+美化【huà】其实这个功能就是在文章侧边栏加入【rù】一个统【tǒng】计【jì】代码就可【kě】以【yǐ】进行实现,去【qù】看你【nǐ】博【bó】客【kè】这【zhè】里只是将原【yuán】有的单调统计文字加入图片中美化【huà】,下面先看【kàn】看效果吧!
美化【huà】效【xiào】果
博主用【yòng】的是知更鸟【niǎo】主题,所以只需【xū】要将下面的代码放入文章页面的侧边工具栏中即可!)
WordPress
美化
次数
其实这个【gè】功能就是在文章侧边【biān】栏加入一个统计代【dài】码就可【kě】以进行实现,去看【kàn】你博客【kè】这里只是【shì】将原有的单调统【tǒng】计文字加入【rù】图片中美化,下面先【xiān】看看效【xiào】果【guǒ】吧!
美化效果
博主用的【de】是知更鸟主题【tí】,所以只【zhī】需要【yào】将下面【miàn】的代码【mǎ】放入文章页面的侧边【biān】工具栏中即可!
<script type="text/javascript"">
if(localStorage.pagecount){localStorage.pagecount=Number(localStorage.pagecount)+1}else{localStorage.pagecount=1}document.write("你是第"+localStorage.pagecount+"次打开去【qù】看你博客文章【zhāng】页【yè】面!"); </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("你【nǐ】是第【dì】"+localStorage.pagecount+"次打【dǎ】开去看你博客文章【zhāng】页【yè】面!"); </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>
其实需要的朋友还可以用来做其他的扩展,比如:
- 给图片加上链接,可以做为“给我投稿”入口
- 图片太过于单调,利用图片接口可以每次更换背景图片
博主这里就简单的加入一些样式,做个统计效果就好了
服务范围【wéi】:WordPress搭建、WordPress主题开【kāi】发、WordPress二次开发、WordPress插件开发
其它服务:网【wǎng】站建设、企【qǐ】业邮箱、数【shù】字【zì】证书ssl、400电话、
技术标签:企业网站、外贸网站、外贸商城、其它问题
联系方式:电话:13714666846 微信同号