實(shí)現(xiàn)效果如下圖所示:
具體的實(shí)現(xiàn)方法很簡(jiǎn)單,就是改下CSS樣式,Tags頁(yè)標(biāo)簽調(diào)用代碼為:
{dede:tag row='2000' getall='1' sort='hot'}
<a class="btn" href='[field:link/]' title="[field:tag /]Tag頁(yè)" >[field:tag /]</a>
{/dede:tag}
|
CSS樣式代碼為:
/*標(biāo)簽云*/
.btn{padding:6px;border-radius:5px;text-align:center;font-size:12px;border:1px solid #ccc;float:left;margin:6px;line-height:15px;}
.btn:hover{text-decoration:none;background:#f26868;color:#fff;}
|
DedeCMS 首頁(yè)和列表頁(yè)全局Tags列表調(diào)用代碼:
{dede:tag sort='rand' row='20' getall='1'}
<a class="btn" href="[field:link/]" title="[field:tag /]標(biāo)簽頁(yè)" target="_blank">[field:tag /]</a>
{/dede:tag}
|
代碼注釋:
1.row='20' 調(diào)用條數(shù)
2.sort='rand' 排序方式,rand為隨機(jī)。其他參考值: month(月內(nèi))、new(最新)、week(周內(nèi))
3.getall='0' 獲取類型,0 為當(dāng)前內(nèi)容頁(yè)tags 標(biāo)簽,1為獲網(wǎng)站全部的tags標(biāo)簽。
具體樣式參考上文提供的聚合頁(yè)樣式即可。
DedeCMS內(nèi)容頁(yè)當(dāng)前文章Tags列表調(diào)用代碼:
{dede:tag sort='rand' row='20' getall='0'}
<a class="btn" href="[field:link/]" title="[field:tag /]標(biāo)簽頁(yè)" target="_blank">[field:tag /]</a>
{/dede:tag}
|
DedeCMS內(nèi)容頁(yè)全局Tags列表調(diào)用代碼:
{dede:tag sort='rand' row='20' getall='1'}
<a class="btn" href="[field:link/]" title="[field:tag /]標(biāo)簽頁(yè)" target="_blank">[field:tag /]</a>
{/dede:tag}
|
內(nèi)容頁(yè)調(diào)用的時(shí)候需要注意的是分為當(dāng)前文章頁(yè)Tags標(biāo)簽 和全部Tags標(biāo)簽調(diào)用,區(qū)別就在于getall的值,這點(diǎn)代碼注釋已經(jīng)說(shuō)得很清楚,至于樣式,大家可以根據(jù)自己看到的借鑒即可,這里難度不大,不做贅述。