wordpress添加彩色标签云

我们看到很多wordpress主题下的侧边栏标签云为彩色效果,为网站整体风格注入了活力,带给访客眼前一亮的视觉效果,其实国内其他诸如帝国cms等其他程序也能做出这种效果,本站的标签云就是用了最简单的代码实现这一效果,不需要添加任何插件。

wordpress添加侧边栏彩色标签云

在你的主题目录下,找到functions.php文件

图片[1]-wordpress添加彩色标签云-指尖网

在文件的末尾添加以下代码:

function colorCloud($text) { // 实现彩色标签云  
        $text = preg_replace_callback('|<a (.+?)>|i', 'colorCloudCallback', $text);   
        return $text;   
    }   
    function colorCloudCallback($matches) {   
        $text = $matches[1];   
        $color = dechex(rand(0,16777215));   
        $pattern = '/style=(\'|\")(.*)(\'|\")/i';   
        $text = preg_replace($pattern, "style=\"color:#{$color};$2;\"", $text);   
        return "<a $text>";   
    }   
    add_filter('wp_tag_cloud', 'colorCloud', 1);

保存后记得清除浏览器缓存,刷新页面查看效果。

------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞12 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容