久久精品人人做人人爽电影,亚洲精品tv久久久久久久久j

WordPress添加文章頁(yè)面訪問(wèn)次數(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ì)文字加入圖片中美化，下面先看看效果吧！

美化效果

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

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

以上為簡(jiǎn)單的統(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+"次打開(kāi)去看你博客文章頁(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>

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

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

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

服務(wù)范圍：WordPress搭建、WordPress主題開(kāi)發(fā)、WordPress二次開(kāi)發(fā)、WordPress插件開(kāi)發(fā)
其它服務(wù)：網(wǎng)站建設(shè)、企業(yè)郵箱、數(shù)字證書(shū)ssl、400電話、
技術(shù)標(biāo)簽：企業(yè)網(wǎng)站、外貿(mào)網(wǎng)站、外貿(mào)商城、其它問(wèn)題
聯(lián)系方式：電話:18696588163 微信同號(hào)