实现WordPress 3D旋转标签云效果的方法有很多,以前Flash流行的时候很多的同学都用flash来实现,但是现在随着技术的革新,所有的浏览器几乎都不在支持flash了,我们这里用标签云jQuery插件的方式来实现,以前好像有一款WP插件好像也是通过flash实现的,这里我就不说插件方式了,有兴趣的自己去官方插件市场看看。
效果展示:
插件方式:
可使用3D Tag Cloud等插件,但是有的主题自定义了好像就失效了(不推荐插件方式)
美化教程:
本教程使用的项目地址:《jquery 3d标签云》
1.本教程以ripro-v2主题为例,大致都是一样的方式,使用时注意文件路径即可
2.首先新建js文件“gundong.js”,js代码如下
5.然后去首页刷新缓存就可以看到效果了
标签控制
在主题的文件夹下的“functions.php”f文件下加入以下代码即可实现控制
//custom widget tag cloud
add_filter( 'widget_tag_cloud_args', 'theme_tag_cloud_args' );
function theme_tag_cloud_args( $args ){
$newargs = array(
'smallest' => 8, //最小字号
'largest' => 22, //最大字号
'unit' => 'pt', //字号单位,可以是pt、px、em或%
'number' => 45, //显示个数
'format' => 'flat',//列表格式,可以是flat、list或array
'separator' => "\n", //分隔每一项的分隔符
'orderby' => 'name',//排序字段,可以是name或count
'order' => 'ASC', //升序或降序,ASC或DESC
'exclude' => null, //结果中排除某些标签
'include' => null, //结果中只包含这些标签
'link' => 'view', //taxonomy链接,view或edit
'taxonomy' => 'post_tag', //调用哪些分类法作为标签云
);
$return = array_merge( $args, $newargs);
return $return;
}
特别注意
1.不同主题可能调用的函数名称不一样,我们可以在自己主题云标签页面上按F12审查元素查看,如
2.查询到id标签为“tag_cloud-4”,如果自己的标签不一样,如“tag_cloud-1”,那么就将js文件和css文件中的“tag_cloud-4”改为“tag_cloud-1”即可!
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END