您好!欢迎来到UU资源网!本站资源24小时自动发货,请放心选购,一次付费,终身下载,售后请联系客服!

wordpress自带的标签云小工具,可以让我们在适当的页面位置展示我们添加的标签,但默认的标签样式有点难看,我们就在这次的wordpress美化教程中来美化以下吧。

  • 此次美化教程由纸工厂分享,在此感谢纸工厂。
  • 以下代码均添加于主题根目录下的functions.php文件<?php底部。

首先,您可以根据下面的代码注释来自定义您的标签云显示内容:

//修改WordPress自带标签云小工具的显示参数
add_filter( ‘widget_tag_cloud_args’, ‘theme_tag_cloud_args’ );
function theme_tag_cloud_args( $args ){
$newargs = array(
‘smallest’ => 14, //最小字号
‘largest’ => 20, //最大字号
‘unit’ => ‘px’, //字号单位,可以是pt、px、em或%
‘number’ => 80, //显示个数
‘format’ => ‘array’,//列表格式,可以是flat、list或array
‘separator’ => “\n”, //分隔每一项的分隔符
‘orderby’ => ‘name’, //排序字段,可以是name或count
‘order’ => ‘RAND’, //升序ASC或降序DESC,RAND随机
‘exclude’ => null, //结果中排除某些标签
‘include’ => null, //结果中只包含这些标签
‘link’ => ‘view’ //taxonomy链接,view或edit
‘taxonomy’ => ‘post_tag’, //调用哪些分类法作为标签云
);
$return = array_merge( $args, $newargs);
return $return;
}

如果你想要自己的标签云变的好看的话,您可以参考下面的代码:

// 实现彩色标签云
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美化 – B2美化彩色标签云插图

如果还不喜欢可以看看下面这个:

//WordPress圆角彩色背景标签云
function colorCloud($text) {
$text = preg_replace_callback(‘|<a (.+?)>|i’, ‘colorCloudCallback’, $text);
return $text;
}
function colorCloudCallback($matches) {
$text = $matches[1];
$colors = array(‘F99’,‘C9C’,‘F96’,‘6CC’,‘6C9’,’37A7FF’,‘B0D686’,‘E6CC6E’);
$color=$colors[dechex(rand(0,7))];
$pattern = ‘/style=(\’|\”)(.*)(\’|\”)/i’;
$text = preg_replace($pattern, “style=\”display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 5px; margin: 0 5px 5px 0; background-color: #{$color}; border-radius: 3px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;\””, $text);
$pattern = ‘/style=(\’|\”)(.*)(\’|\”)/i’;
return “<a $text>”;
}
add_filter(‘wp_tag_cloud’, ‘colorCloud’, 1);

效果如下:

wordpress美化 – B2美化彩色标签云插图(1)

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如遇到加密压缩包,默认解压密码为"www.uucodes.cn",如遇到无法解压的请联系管理员!
UU资源网 » wordpress美化 – B2美化彩色标签云

发表评论

售后服务:

  • 售后服务范围 1、商业模板使用范围内问题免费咨询
    2、源码安装、模板安装(一般 ¥50-300)服务答疑仅限SVIP用户
    3、单价超过200元的模板免费一次安装,需提供服务器信息。
    付费增值服务 1、提供dedecms模板、WordPress主题、discuz模板优化等服务请详询在线客服
    2、承接 WordPress、DedeCMS、Discuz 等系统建站、仿站、开发、定制等服务
    3、服务器环境配置(一般 ¥50-300)
    4、网站中毒处理(需额外付费,500元/次/质保三个月)
    售后服务时间 周一至周日(法定节假日除外) 9:00-23:00
    免责声明 本站所提供的模板(主题/插件)等资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若模板侵犯了您的合法权益,请来信通知我们(Email: [email protected]),我们会及时删除,给您带来的不便,我们深表歉意!

Hi, 如果你对这款模板有疑问,可以跟我联系哦!

联系作者
开通SVIP 享更多特权,建议使用 QQ 登录
喜欢我嘛?喜欢就按“ctrl+D”收藏我吧!♡