WordPress修改标签云大小及颜色


WordPress修改标签云大小及颜色

修改 WordPress 标签字体大小:
在 cpanel 面板中依次打开「wp-includes」→「category-template.php」,找到 wp_tag_cloud:

function wp_tag_cloud( $args = ” ) {
$defaults = array(
‘smallest’ => 8, ‘largest’ => 22, ‘unit’ => ‘pt’, ‘number’ => 45,
‘format’ => ‘flat’, ‘separator’ => “\n”, ‘orderby’ => ‘name’, ‘order’ => ‘ASC’,
‘exclude’ => ”, ‘include’ => ”, ‘link’ => ‘view’, ‘taxonomy’ => ‘post_tag’, ‘echo’ => true
);
$args = wp_parse_args( $args, $defaults );

其中:
smallest:使用次数最少的标签字号大小,默认是「8」;
largest:使用次数最多的标签字号大小,默认是「22」;
unit:标签字体大小单位,默认是「pt」;
number:标签云中显示标签的数量,默认是「45」;
format :「Flat」怎么个显示法没搞懂;
separator:标签之间的分隔符,默认是空格;
orderby:标签顺序,默认是以名称排序;
order:升序还是降序。

其实网上很多教程对 smallest 和 largest 讲的都不准确,网上都说的是 smallest 表示标签字体最小字号,largest 表示标签字体最大字 号,所以最开始的时候我只写了一篇文章,当然标签的使用次数都是 1 次,所以标签的大小都是一样的,当时我还没理解到为什么标签的大小都一样呢


修改完毕保存覆盖原文件即可。
修改 WordPress 标签颜色:
打开 functions.php,加入如下代码:

function colorCloud($text) {
$text = preg_replace_callback(‘|<a>|i’, ‘colorCloudCallback’, $text);
return $text;
}
function colorCloudCallback($matches) {
$text = $matches[1];
$colors=array(‘ff3300′,’0517c2′,’0fc317′,’e7cc17′,’601165′,’ffb900′,’f74e1e’,’00a4ef’,’7fba00′);//这里设置了一个颜色数组
$color=$colors[dechex(rand(0,3))];//通过这里设置选取哪几个数组颜色来轮番显示
$pattern = ‘/style=(\’|\”)(.*)(\’|\”)/i’;
$text = preg_replace($pattern, “style=\”color:#{$color};$2;\””, $text);
return “</a><a>”;
}
add_filter(‘wp_tag_cloud’, ‘colorCloud’, 1);</a>

其中:

$colors=array(‘ff3300′,’0517c2′,’0fc317′,’e7cc17′,’601165′,’ffb900′,’f74e1e’,’00a4ef’,’7fba00′);

是控制颜色显示的方法,可以根据自己喜欢的颜色轮番显示,默认是也可以给出一个范围来随机显示,如:

$color = dechex(rand(0,16777215));

但是这种随机显示的效果并不好,因为有时颜色很淡,标签根本看不清。有的颜色自己还不喜欢,不如规定一下颜色为好

以上转载自:https://www.cnblogs.com/shenjieblog/p/5061052.html

最终

1、我根据自己网站实际情况,发现完成上面步骤没有效果,后 chrome F12 发现是下面三个元素加如 !important限制了,我把①和③直接去掉。把②改了颜色。

WordPress修改标签云大小及颜色-打不死的小强

另外我修改了 smallest 和 largest ,如下图:

WordPress修改标签云大小及颜色-打不死的小强

最终显示效果如下:

WordPress修改标签云大小及颜色-打不死的小强


发表评论

电子邮件地址不会被公开。 必填项已用*标注