WordPress如何设置彩色标签云?

  • Wordpress如何设置彩色标签云?1
  • Wordpress如何设置彩色标签云?2
  • Wordpress如何设置彩色标签云?3
  • Wordpress如何设置彩色标签云?4
  • Wordpress如何设置彩色标签云?5

分步阅读

浏览别人Wordpress博客,很多都有彩色标签云功能,自己羡慕不已啊,于是就开始也折腾了自己的博客,看着网上大拿操作一步一步,竟然成功了。笔者就整理了一下Wordpress如何设置彩色标签云的步骤,分享给大家哦。

方法/步骤

  1. 第一步:登陆自己博客后台,依次找到“外观->编辑->模板函数(functions.php)”,如下图所示:

    Wordpress如何设置彩色标签云?
  2. 第二步:打开functions.php文件,把下面代码添加到最后的“?>”的前面。

    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);

    如下图所示:

    Wordpress如何设置彩色标签云?
  3. 第三步:修改Wordpress彩色标签字体大小,排序,显示数量等。

    用WinSCP工具进入Wordpress根目录,依次找到wp-includes/category-template.php下载到桌面;然后打开该文件,搜索wp_tag_cloud,找到相关参数进行修改:

    function wp_tag_cloud( $args = ” ) {

    $defaults = array(

    ‘smallest’ => 12, ‘largest’ => 16, ‘unit’ => ‘pt’, ‘number’ => 50,

    ‘format’ => ‘flat’, ‘separator’ => “\n”, ‘orderby’ => ‘count’, ‘order’ => ‘DESC’,

    ‘exclude’ => ”, ‘include’ => ”, ‘link’ => ‘view’, ‘taxonomy’ => ‘post_tag’, ‘echo’ => true

    );

    $args = wp_parse_args( $args, $defaults );

     

    $tags = get_terms( $args[‘taxonomy’], array_merge( $args, array( ‘orderby’ => ‘count’, ‘order’ => ‘DESC’ ) ) );

    注:

    smallest表示标签的最小字号

    largest表示最大字号

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

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

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

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

    Wordpress如何设置彩色标签云?
  4. 第四步:修改完保存,并上传到原来位置。开始调用Wordpress彩色标签云小工具,进入后台依次找到外观->小工具->标签云;拖动标签云到侧边栏上。如下图所示:

    Wordpress如何设置彩色标签云?
  5. 第五步:保存标签云之后回到您的网站首页就可以看到彩色标签云的效果了,恭喜您有彩色标签云了。如下图所示:

    Wordpress如何设置彩色标签云?
    END

注意事项

  • 字体的颜色可以自己根据喜好或者整体颜色进行自定义。
  • 如果本文对您有帮助或您喜欢,请点赞投票或加关注,谢谢!