实现效果如下图所示:
具体的实现方法很简单,就是改下CSS样式,Tags页标签调用代码为:
{dede:tag row='2000' getall='1' sort='hot'}
<a class="btn" href='[field:link/]' title="[field:tag /]Tag页" >[field:tag /]</a>
{/dede:tag}
|
CSS样式代码为:
/*标签云*/
.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 首页和列表页全局Tags列表调用代码:
{dede:tag sort='rand' row='20' getall='1'}
<a class="btn" href="[field:link/]" title="[field:tag /]标签页" target="_blank">[field:tag /]</a>
{/dede:tag}
|
代码注释:
1.row='20' 调用条数
2.sort='rand' 排序方式,rand为随机。其他参考值: month(月内)、new(最新)、week(周内)
3.getall='0' 获取类型,0 为当前内容页tags 标签,1为获网站全部的tags标签。
具体样式参考上文提供的聚合页样式即可。
DedeCMS内容页当前文章Tags列表调用代码:
{dede:tag sort='rand' row='20' getall='0'}
<a class="btn" href="[field:link/]" title="[field:tag /]标签页" target="_blank">[field:tag /]</a>
{/dede:tag}
|
DedeCMS内容页全局Tags列表调用代码:
{dede:tag sort='rand' row='20' getall='1'}
<a class="btn" href="[field:link/]" title="[field:tag /]标签页" target="_blank">[field:tag /]</a>
{/dede:tag}
|
内容页调用的时候需要注意的是分为当前文章页Tags标签 和全部Tags标签调用,区别就在于
getall的值,这点代码注释已经说得很清楚,至于样式,大家可以根据自己看到的借鉴即可,这里难度不大,不做赘述。