织梦标签随机颜色和字体大小

织梦DedeCMS标签云随机颜色与字体大小修改方法

在织梦DedeCMS中，默认的标签云样式较为单一。通过修改核心函数文件并调整调用标签，可以实现标签云中每个标签显示不同的字体大小和颜色，从而提升页面的视觉效果和用户体验。

第一步：添加随机样式函数

打开 /include/common.func.php 文件，在文件末尾加入以下函数代码，用于生成随机字体大小和颜色：

function getTagStyle()
{
$minFontSize=12; //最小字体大小,可根据需要自行更改
$maxFontSize=25; //最大字体大小,可根据需要自行更改
return 'font-size:'.($minFontSize+lcg_value()*(abs($maxFontSize-$minFontSize))).'px;color:#'.dechex(rand(0,255)).dechex(rand(0,196)).dechex(rand(0,255));
}

第二步：指定固定字体大小（可选）

如果你希望标签云只显示几个固定的字体大小，而不是完全随机，可以将上面的函数代码替换为以下版本：

function getTagStyle()
{
$sizearray = array('8','9','10','11','12','20'); //自定义字体大小,可根据需要自行修改
return 'font-size:'.$sizearray[rand(0,count($sizearray))].'pt;color:#'.dechex(rand(0,255)).dechex(rand(0,196)).dechex(rand(0,255));
}

第三步：修改标签调用代码

在模板文件中，使用以下标签调用代码替换原有的标签云调用：

{dede:tag row='50' getall='1' sort='hot'}
<a style="[field: total runphp=yes]@me=getTagStyle(); [/field: total];" title="[field:tag /]([field:total /])" href="[field:link/]">[field:tag /]</a>
{/dede:tag}

完成以上步骤后，刷新前台页面即可看到标签云中的每个标签都拥有不同的字体大小和颜色，使网站更具活力。