WordPress b2主题之美化标签教程

前言:本站使用的是wordpress商用主题b2主题,但是这个主题的标签默认的是没有美化的,看着比较单一,所以就做了一下美化,分成三种美化方式,大家各取所需

b2主题默认的标签云是这样的

使用代码修改后的标签样式如下两种方式:

根据你喜欢的风格设置响应的样式就可以了

使用方法

把代码复制到你当前主题的function.php最下面就可以了(B2主题测试没有任何问题,其他主题应该也是这样的方法)。

代码一:

//修改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);

代码三:

隐藏内容,您需要满足以下条件方可查看
End

大家根据需要选择喜欢的样式就行了 有什么问题可以在下方留言。

人已赞赏
教程分享

技术篇:SEO优化推广技术教程,如何发帖快速收录排名?

2020-12-1 19:02:07

教程分享

wordpress教程-自动给文章内容中的关键字加上内链,方便网站整体的SEO

2020-12-5 14:20:39

⚠️
源码鸭上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 admin@yuanmaya.com 或点击右侧 私信:Legion 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索