Dedecms TAG标签云美化技巧

DedecmsCMS标签的美化能够显著提升用户体验，类似于WordPress的标签云功能。通过设置，您可以灵活调整标签的大小，从最大到最小之间随机变化，也可以固定大小，同时颜色可以采用完全随机的方式进行设置。实现这一功能的方法非常简单，主要分为两部分：一部分是增加一个PHP处理函数，另一部分则是模板调用。

第一步：在后台打开“include/helpers/extend.helper.php”文件，在最后一个大括号前面添加以下代码：


// TAG标签颜色、数字随机函数
function getTagStyle() {
    $minFontSize = 8; // 最小的字体大小，可根据需要自行更改
    $maxFontSize = 18; // 最大的字体大小，可根据需要自行更改，设置好以后调用出来的字体大小随机取这中间的。
    return 'font-size:' . ($minFontSize + lcg_value() * 
    (abs($maxFontSize - $minFontSize))) . 'px;color:#' .
    dechex(rand(0, 255)) . dechex(rand(0, 196)) .
    dechex(rand(0, 255));
}

注意：现在这个才是最新的自定义处理函数，以前的那个“extend.func.php”建议不要使用了，因为我曾经遇到过几次问题，后来换到“extend.helper.php”文件后就正常了。

第二步：打开您dedecmsCMS模板的目录，找到需要加入这个彩色标签云的地方。例如，如果您希望在首页显示标签云，可以在“index.htm”文件中找到合适的位置，并粘贴以下代码：


{dede:tag row='10' sort='rand' getall='1'} 
[field:tag /] 
{/dede:tag}

说明：
    “row＝‘10’”：表示取10个TAG标签。
    “sort＝‘rand’”：表示随机抽取。
    “getall=‘1’”：表示全站标签。
一句话概括就是在全站所有标签中随机抽出10条标签进行显示。上面这些参数可以根据您的需求自行设置，我们这里主要关注的是style样式部分，确保这部分正确即可。

通过以上步骤，您可以轻松实现dedecmsCMS标签的随机颜色和大小效果，从而为用户提供更加美观和多样化的浏览体验。这种方法不仅操作简单，而且灵活性高，非常适合希望提升网站视觉效果的站长们。

推荐阅读