肯定不少網(wǎng)友和博主一樣,在看到一些網(wǎng)友博客的時(shí)候界面細(xì)節(jié)元素做的還是相當(dāng)不錯(cuò)的,比如在博客的側(cè)欄TAG關(guān)鍵字標(biāo)簽采用的彩色樣式,這個(gè)比我們使用的默認(rèn)黑白樣式或者單調(diào)的底層顏色樣式會(huì)好看一些。當(dāng)然,這個(gè)是可以用程序自帶的插件實(shí)現(xiàn)的,有些也是主題自帶的。如果我們主題沒有自帶那可以通過代碼或者插件實(shí)現(xiàn)。
實(shí)現(xiàn)方法參考自天興博客(https://www.txcstx.cn/post/666.html),這里摘錄下來以后需要的時(shí)候老蔣調(diào)試看看。這里需要修改啊三處的頁(yè)面實(shí)現(xiàn)。
1、CSS樣式部分
我們主要的方向也是希望給予TAG標(biāo)簽設(shè)定隨機(jī)的多彩樣式,無論是代碼還是插件都是基于這個(gè)辦法的。所以,我們要先設(shè)定樣式。
這個(gè)我們根據(jù)系統(tǒng),有的時(shí)候是主題特定的標(biāo)簽樣式設(shè)定TAG樣式。
2、JS隨機(jī)部分
這個(gè)部分主要是用來隨機(jī)出現(xiàn)展示標(biāo)簽的。
其中我們可以看到#tags是對(duì)應(yīng)網(wǎng)站的樣式的,如果有不一樣要調(diào)整。當(dāng)然要配合上面的CSS。
3、標(biāo)簽調(diào)用部分
這里我們?cè)僭谛枰牡胤秸{(diào)用標(biāo)簽。
這里是用代碼實(shí)現(xiàn)的,后面老蔣看看有沒有zblog彩色標(biāo)簽插件來實(shí)現(xiàn)這樣的效果,畢竟對(duì)于大部分網(wǎng)友來說修改這么多代碼確實(shí)比較麻煩。