这个3D标签云可不是N年前的那个Flash版的 wp-cumulus, 这个3D旋转标签云完全使用JS代码编写,很小只有4K多,不用担心像垃圾Flash对资源的耗费。
具体效果看本文的侧边栏标签云,鼠标在不同的方向上滑动,3D标签云就向那个方向滚动,。
下面以WordPress默认主题Twenty Fifteen为例,将这个炫酷的特效加到你的博客上。
一,将下载的3d.js脚本放到Twenty Fifteen主题js目录中。
打开Twenty Fifteen主题 functions.php 模板文件,在大约252行,添加:
注:3d.js中的 第一行:var radius = 100; 这是半径的值。
二,将下面的样式添加到主题style.css的最后即可:
三、比较麻烦点的是:
其中 #tag_cloud-2 需根据不同情况加以修改,比如查看标签云部分的网页源代码显示的是:
你就需要将 #tag_cloud-2改为#tag_cloud-3,同时将3d.js中的tag_cloud-2也改为tag_cloud-3.