WordPress网站添加彩色标签(标签云)效果

2018-11-01    来源:学做网站论坛

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

WordPress标签云是将网站里的标签附着不同的颜色,好像一个七彩的云一样,在自己建网站时,可以美化我们的网站。效果如下:

Wordpress网站添加彩色标签(标签云)效果

我们在学习怎么做网站时,也可以把自己网站的标签做成这样的标签云效果,下面学做网站论坛就来介绍一下方法。

方法/步骤

  1. 在自己使用的wordpress主题文件夹中找到functions.php函数文件,然后在里面加上如下代码:
    <?php if (get_option('swt_cumulus') == 'Hide') { ?>
    <?php { echo ''; } ?>
    <?php } else {
    //彩色标签云
    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);
    } ?>
  2. 在网站的任意需要显示标签云的位置,使用下面的代码调用标签云。
    <?php wp_tag_cloud('smallest=12&largest=18&unit=px&number=0&orderby=count&order=DESC');?>

    代码注释:smallest表示标签的最小字号largest表示最大字号

    unit=px表示字体使用像素单位

    number=0表示显示所有标签,如果为40,表示显示40个

    orderby=count表示按照标签所关联的文章数来排列

    order=DESC表示降序排序(ASC表示升序排序,DESC表示降序排序)

  3. 在网站后台发布文章时,给文章添加标签。这样所有的文章的标签就会形成标签云被调用出来。

标签: 代码 建网站

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。

上一篇:如何在网站中添加百度分享功能

下一篇:如何利用CSS自动调整图片的大小