WordPress彩色标签云的实现

文章目录

今天介绍下彩色标签云的实现。标签云能够为读者提供发现更多有用信息的入口。在wordpess自带的小工具里也有标签云,但是相对来说比较单调。彩色标签云则看起来更加友好一些。

functions.php中代码

1
2
3
4
5
6
7
8
9
10
11
12
13
//标签云
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);

将以上代码放到functions.php中,方便在其他地方调用。

sidebar.php调用代码

在sidebar.php中调用如下代码:

1
<?php wp_tag_cloud('smallest=8&largest=24&number=50'); ?>

样式表什么的你可以自行优化,这里就不多讲了。

本文出自 TENNFY博客,转载时请注明出处及相应链接。

本文永久链接: https://www.tennfy.com/511.html

下一篇文章:

上一篇文章:

7人参与了讨论

  1. Faris 说:

    很不错~~我只是有点担心配色问题~~

  2. tennfy 说:

    $color = dechex(rand(0,16777215)); 随机产生的,不过我觉得你可以自己定义一些颜色,在这些颜色里随机

  3. Pang 说:

    这个是所有的标签云都变彩色?

发表评论

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

*

7 + 5 = ?


您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

返回顶部