新鲜PLUS
  • 首页
  • 玩意
    • 创意设计
    • 家居玩意
    • 另类先锋
    • 数码玩意
    • 新鲜玩具
    • 时尚达人
  • 兴趣
    • WordPress
    • 视频剪辑
    • 数字生活
    • 高效工作
  • 互联网/电商
    • 新零售
    • 新媒体
    • 干货分享
  • 视频
    • 创意视频
    • 原创视频
  • 图集
    • 创意图片
    • 原创头像
    • 原创壁纸
  • 关于我们
  • 留言板
  • 首页
  • 玩意
  • 兴趣
  • 互联网/电商
  • 视频
  • 图集
  • 关于我们
  • 留言板
首页 › 兴趣 › Wordpress › WordPress显示彩色标签云

WordPress显示彩色标签云

Felix
15年前发布在 Wordpress
18,169 0 0

在网站中显示彩色标签云会使网站增色不少,爱新鲜就用了彩色标签云。

大家可以看本站的侧边栏,你会发现标签云是彩色的,而且刷新一次变一次。(下图)

WordPress显示彩色标签云-新鲜PLUS

同样,在热门标签这个页面也是同样效果。

WordPress显示彩色标签云-新鲜PLUS


下面介绍两种让WordPress显示彩色标签云的方法。

修改Simple Tags,让WordPress显示彩色标签云

无可否认,Simple Tags可以说是Wordpress上最好的标签插件,把Wordpress的管理标签的功能提高了很多。不仅仅是对标签的管理,还有相关标签,相关日志,标签云等等功能。不罗嗦,进入主题:

1.在simple-tags.client.php中先找到getColorByScale的function:

function getColorByScale($scale_color, $min_color, $max_color)

2.注释掉(或者删除)getColorByScale这个function中的以下语句:

$scale_color = $scale_color / 100;
$minr = hexdec(substr($min_color, 1, 2));
$ming = hexdec(substr($min_color, 3, 2));
$minb = hexdec(substr($min_color, 5, 2));
$maxr = hexdec(substr($max_color, 1, 2));
$maxg = hexdec(substr($max_color, 3, 2));
$maxb = hexdec(substr($max_color, 5, 2));
$r = dechex(intval((($maxr - $minr) * $scale_color) + $minr));
$g = dechex(intval((($maxg - $ming) * $scale_color) + $ming));
$b = dechex(intval((($maxb - $minb) * $scale_color) + $minb));

3.加上以下代码:

//Colorful Tag Cloud start
$r = dechex(rand(0,255));
$g = dechex(rand(0,196));
$b = dechex(rand(0,255));
//Colorful Tag Cloud end

至于要显示多少个标签,怎么排列,热门标签和普通标签分别为多少大小的字体,可以在后台的Simple Tags的选项中设置。

在你的主题的相应位置加上

你就可以看到彩色的标签云了!不过这样有个坏处,如果后台提示升级Simple Tags这个插件,自动升级后,又要去手动改一次才行。或许你可以看看下面这种方法。

不用任何插件实现 WordPress 的彩色标签云

从WordPress 2.3以后的版本中,内置了函数 wp_tag_cloud,可以直接调用标签云。通过定义这个函数的function来实现彩色标签云。

在主题里的functions.php,加入以下代码:

function colorCloud($text) {
$text = preg_replace_callback('||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 "";
}
add_filter('wp_tag_cloud', 'colorCloud', 1);

$color = dechex(rand(0,16777215)); 这里可以更改随机颜色的范围。

然后就可以用以下代码调用。


其中'number=30是指显示标签的数量,largest=20是指标签最大的字号,smallest=12是指标签最小的字号,unit=px是指字号的单位,可自行修改。

本方法是网上看到的,转来转去不知道谁是原创的了...有人知道的话请告知,我会注明出处!

两种方法介绍完毕,请根据各自情况选择使用。

Simple TagsWordpress彩色标签云插件标签云
0
分享本文
对WordPress的 Description和Keywords进行SEO
上一篇
双层茶杯(Double Wall Tea Cup)
下一篇
评论 (0)
再想想
  • smilebull

    彩色标签看着就是不错

    14年前 回复
  • 乔木博客

    我想用第二种方法,但是那段代码加在哪呢?怎么调用呢?

    14年前 回复
  • kk

    试一下看

    15年前 回复
  • FanG

    试试看,或许可以增加一些色彩。

    15年前 回复
  • 小杰博客

    第二种方法应该比较好啊,我用的是那个flash标签云插件

    15年前 回复
  • seo小y

    额 貌似用第二种方法 会出现错误 。。。

    Warning: Cannot modify header information - headers already sent by (output started at /home/content/46/6527846/html/98shouji.com/wp-content/themes/Red Glamor/functions.php:96) in /home/content/46/6527846/html/98shouji.com/wp-admin/theme-editor.php on line 75

    修改后就这样了 弄了好几次 不懂事什么回事

    15年前 回复
  • xlree

    站长您好,请问,最近迷上了您的这个主题,想用这个主题放一些产品供客户 阅读。。。

    可以这样的吗???

    15年前 回复
  • 落伍者

    找长时间,找到了

    15年前 回复
  • 今宵别梦寒

    😳 喜欢第二种方案 但是不知道加入的代码放在什么位置? ➡

    15年前 回复
  • Ludou

    彩色,彩色,看着应该跟自己的界面搭配的容不融洽,并不是彩色都好看、

    15年前 回复
    • Felix

      @Ludou: 是啊,有些网站就不需要了,像我这个类型的估计还是需要的,看个人喜欢了~~ 🙄

      15年前 回复
随机推荐
LV家居设计 - 六角手风琴折叠椅
8年前
【头像005】pick你的早晨运动时光头像
2年前
当古典画作入侵现实世界
8年前
【壁纸003】五彩的食物一定会有好心情
2年前
瓶子灯(Bottle Light)
15年前
相关文章
WordPress主题:Red Glamor V2.0 更新
WordPress主题:Red Glamor V1.9 更新
WordPress主题:Red Glamor V1.8 更新
WordPress主题:Red Glamor V1.5 更新
Copyright © 2009-2025 新鲜PLUS. 浙ICP备17018384号-2 浙公网安备 33010802008250号
  • 首页
  • 玩意
    • 创意设计
    • 家居玩意
    • 另类先锋
    • 数码玩意
    • 新鲜玩具
    • 时尚达人
  • 兴趣
    • WordPress
    • 视频剪辑
    • 数字生活
    • 高效工作
  • 互联网/电商
    • 新零售
    • 新媒体
    • 干货分享
  • 视频
    • 创意视频
    • 原创视频
  • 图集
    • 创意图片
    • 原创头像
    • 原创壁纸
  • 关于我们
  • 留言板
热门搜索
  • 创意
  • ai
  • 头像
  • 灯
  • 椅子
  • USB
  • 设计
  • 书架
  • 杯子
  • U盘
  • 美女
  • iphone
  • 创意广告
  • 小姐姐
  • 广告
  • LED
  • 另类
  • Wordpress
Felix
分享一切好东西!
518 文章
424 评论
1K 喜欢
Top