欢迎来到HELLO素材网! 南京网站制作选择顺炫科技
丰富的DIV CSS模版、JS,jQuery特效免费提供下载
当前位置:主页 > 建站教程 > CMS教程 >

为wordpress边栏减少彩色标签云

发表于2019-04-21 12:08| 次阅读| 来源网络整理| 作者session

摘要:为wordpress边栏减少彩色标签云

为wordpress边栏减少彩色标签云

1、调用标签云

  

  可能利用wp_tag_cloud()函数完成标签云的调用,代码如下:

  

  <?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示意降序排序)

  

  更多 wp_tag_cloud() 参数,请参考 WordPress文档 wp tag cloud

  

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

  

  3、边栏中调用标签云

  

  你可能利用下面的函数调用,详细的修正方法,就靠你本人折腾主题了:

  

  <?php wp_tag_cloud('smallest=12&largest=18&unit=px&number=20');?>

  

  不过,普通制造比较规范的wordpress主题,都支持 Widget小工具,你可能在 WP后台-外观-小工具 中查看能否支持 标签云小工具。