WordPress添加文章頁面訪問次數(shù)+美化

wordpress 2024-01-24編輯：重慶網(wǎng)站建設(shè)閱讀（） WordPress 美化 次數(shù)

其實(shí)這個(gè)功能就是在文章側(cè)邊欄加入一個(gè)統(tǒng)計(jì)代碼就可以進(jìn)行實(shí)現(xiàn)，去看你博客這里只是將原有的單調(diào)統(tǒng)計(jì)文字加入圖片中美化，下面先看看效果吧！

美化效果

博主用的是知更鳥主題，所以只需要將下面的代碼放入文章頁面的側(cè)邊工具欄中即可！

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

以上為簡單的統(tǒng)計(jì)代碼，下面為博主美化后的代碼。

<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>

其實(shí)需要的朋友還可以用來做其他的擴(kuò)展，比如：

1. 給圖片加上鏈接，可以做為“給我投稿”入口
2. 圖片太過于單調(diào)，利用圖片接口可以每次更換背景圖片

博主這里就簡單的加入一些樣式，做個(gè)統(tǒng)計(jì)效果就好了

• 上一章：wordpress備份和搬家插件推薦all-in-on...
• 下一章：如何批量轉(zhuǎn)換WordPress文章分類