WordPress网站添加彩色标签(标签云)效果
2018-11-01 来源:学做网站论坛
WordPress标签云是将网站里的标签附着不同的颜色,好像一个七彩的云一样,在自己建网站时,可以美化我们的网站。效果如下:
我们在学习怎么做网站时,也可以把自己网站的标签做成这样的标签云效果,下面学做网站论坛就来介绍一下方法。
方法/步骤
- 在自己使用的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);
} ?> - 在网站的任意需要显示标签云的位置,使用下面的代码调用标签云。
<?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表示降序排序)
- 在网站后台发布文章时,给文章添加标签。这样所有的文章的标签就会形成标签云被调用出来。
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。
上一篇:如何在网站中添加百度分享功能
下一篇:如何利用CSS自动调整图片的大小
最新资讯
热门推荐