加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > CMS系统 > wordpress > 正文

WordPress 非插件实现彩色标签云

发布时间:2020-12-14 14:15:34 所属栏目:wordpress 来源:网络整理
导读:今天再网上看到了不用插件实现彩色标签的方法,本着尽量少用插件打造美观高效博客的思想,将此方法收藏起来,在此与大家分享。 标签云调用的函数是: ?php wp_tag_cloud(); ? 该函数包括以下基本参数: smallest:最小字体,默认为8 largest:最大字体,默认为22

今天再网上看到了不用插件实现彩色标签的方法,本着尽量少用插件打造美观高效博客的思想,将此方法收藏起来,在此与大家分享。

标签云调用的函数是:

<?php wp_tag_cloud(); ?>

该函数包括以下基本参数:

smallest:最小字体,默认为8
largest:最大字体,默认为22(因为标签云会根据标签的使用频率将使用频率高的表情自动放大)
unit:字符大小的单位(例如pt,px,em)默认为pt
number:显示标签个数(为0时显示所有标签),默认为45
format:显示方式,flat(默认,以空格分隔)

以上各参数以”&”符号连接.不必都填,不填的参数以默认值为准.

根据以上参数介绍,我们可以对其进行简单的参数设置如下:

<?php wp_tag_cloud('number=50&largest=24&smallest=12&unit=px'); ?>

好啦,以上是我们对标签云函数的简单了解,下面讲讲如何实现彩色标签。

将下面的表情加入到主题下的 functions.php 里即可。

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);

【效果图】

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读