零基础建站培训介绍

当前位置:

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

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. 在网站后台发布文章时,给文章添加标签。这样所有的文章的标签就会形成标签云被调用出来。
上一课: 下一课:

发表评论

*

* 绝不会泄露


相关教程

  1. [HTML教程] 第三课:html 标签的特点及基本语法
  2. WordPress调用其它站点文章显示在自己网站上
  3. 张启亚老师,请接收学生第一个wordpress仿站作业
  4. 修改 WordPress 后台登录页面中 Logo图标
  5. 网站添加用户切换字体大小功能(适用wordpress,dedecms)
  6. wordpress网站实现新闻头条效果
  7. 彻底改造WordPress登录注册界面及LOGO链接
  8. 【wordpress音乐插件】悬浮式WordPress音乐播放器插件
  9. 第十二节:HTML Div标签
  10. wordpress如何调用某一个分类下的热门文章(热评文章)