wordpress非插件随机彩色标签云


玩wordpress的童鞋都喜欢把标签云给弄出来,一是方便访客能快速找到想要资料,二是为了SEO优化方面做考虑,但是由于自带的标准语法调出来的标签只有默认很难看的样式,很多时候大家都会去用插件来实现好看效果的标签云,其实可以采用非插件方式来实现随机彩色标签云…


🧐wordpress标签云语法

  • 标准<?php wp_tag_cloud(”); ?>

  • 调用的带参数语法 (语义:按照关联文章数量进行随机平铺显示50个最小为12像素至24像素的标签)

    1
    2
    3
    <?php
    wp_tag_cloud(‘number=50&format=flat&orderby=count&order=RAND&smallest=12&largest=24&unit=px’);
    ?>

    通常我们只会改动到数量,排序方式,标签格式这几个,所以只要仿照例子进行对应修改即可


🤔标签云语法详细参数说明

  • smallest:标签文字最小字号,默认为8pt;

  • largest:标签文字最大字号,默认为22pt;

  • unit:标签文字字号的单位,默认为pt,可以为px、em、pt、百分比等;

  • number:调用的标签数量,默认为45个,设置为“0”则调用所有标签;

  • format:调用标签的格式,可选“flat”和“list”,默认为“flat”平铺,“list”为列表方式;

  • orderby:调用标签的排序,默认为“name”按名称排序,“count”则按关联的文章数量排列;

  • order:排序方式,默认为“ASC”按正序,“DESC”按倒序,“RAND”按任意顺序。

  • exclude:排除部分标签,输入标签ID,并以逗号分隔,如“exclude=1,3,5,7”不显示ID为1、3、5、7的标签;

  • include:包含标签,与exclude用法一样,作用相反,如“include=2,4,6,8”则只显示ID为2、4、6、8的标签。


😚随机彩色的标签云实现代码

wordpress非插件随机tag cloud

复制下面的代码到主题文件夹中的functions.php文件中

注意每个<?php…?>这样的代码之间不能有空格和回车噢

这是爱折腾爱动手的童鞋需要特别小心的细节问题,不然就要出现网站的RSS提示XML解析错误

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?php
function colorCloud($text) {
$text = preg_replace_callback(‘|<a (.+?)>|i’, ‘colorCloudCallback’, $text);
return $text;
}
function colorCloudCallback($matches) {
$text = $matches[1];
$color = dechex(rand(0,16771115));
$pattern = ‘/style=(\’|\”)(.*)(\’|\”)/i’;
$text = preg_replace($pattern, “style=\”color:#{$color};$2;\””, $text);
return “<a $text>”;
}
add_filter(‘wp_tag_cloud’, ‘colorCloud’, 1);
?>

自定义颜色请修改此句代码:$color = dechex(rand(0,16771115));

dechex():把十进制转换为十六进制

根据自己的需求修改“ 16771115 ”即可


THE END
wordpress非插件随机彩色标签云
https://blog.ganxb2.com/35675.html
作者
chopin gump chopin gump
许可协议
小尾巴
Stay Hungry, Stay Foolish「求知若饥, 虚心若愚」 — 廿壴(ganxb2)
微信

微信

支付宝

支付宝

🕐如果评论显示“刷新”无法加载,过一会再来康康~🕢 _(≧∇≦」∠)_ (填写常用邮箱即可快速收到回复通知~)