如何给 WordPress 标签云小工具做客户化

tab-cloud

WordPress 标签云可以非常方便、快捷地访问对应的文章,但是标签云小工具不能在管理面板中做一些初始的定制,比如标签数量、排序方法,而且显示界面也不美观。本篇教程就对 wordpress 标签云小工具做客户化来满足这样的需求。

首先是标签云小工具功能的客户化,代码如下:

function filter_tag_cloud_widget($args) {
	$addedargs = array(
		'orderby'	=> 'count',  //按点击数排序
		'order'		=> 'RAND',  //随机选取
		'number'	=> 28  //显示数量
	);
	return array_merge( $args, $addedargs);
}
add_filter( 'widget_tag_cloud_args', 'filter_tag_cloud_widget' );

把上面的代码添加到 functions.php 中。

接下来对标签云的显示做客户化,代码如下:

//颜色池,可以增加、减少
var tag_color = ['blueviolet' ,'brown', 'cadetblue', 'coral', 'cornflowerblue', 'forestgreen', 'indigo', 'lightslategray', 'tomato', 'olive'];
//在颜色池中随机选取颜色并显示标签
$(".tagcloud a").css(
	{
	"border": "none",
	"color": "white",
	"background-color": function(){return tag_color[Math.floor(Math.random()*10)]}
	}
);

把上面这段 javascript 脚本放到网站的脚本文件中,需要 jquery 支持。

发表评论

邮箱地址不会被公开。 必填项已用*标注