WP-Cumulus是一款我们非常喜欢的Wordpress 插件, 使用它可以生成3D球状效果的可视化Flash标签云, 所有的标签在一个3D空间内不断回旋, 传达给用户强大的视觉冲击力。我想,这应该是我见过最漂亮的标签云效果。而这效果是Flash+JS实现的超炫Wordpress标签云效果。但这个插件有个比较遗憾的缺陷默认是不支持中文的,不过其实WP-Cumulus的作者公开了源文件,可以让用户自行修改以达到支持中文标签云的方法。但是如果按照原方法会有一个问题,就是生成的Flash文件会很大,差不多5MB左右,要知道这样在打开网页时会大大降低速度,现在就告诉大家一个小技巧既能支持中文又让文件保持最小化,一般在30KB左右。
WP-Cumulus作者地址:http://www.roytanck.com/2008/08/04/how-to-add-more-characters-to-wp-cumulus/
修改过程前的准备工作
WP-Cumulus标签云插件下载:WP官方下载
WP-Cumulus源文件下载:WP官方下载
Flash CS3 Pro下载:Adobe Flash CS3简体中文免激活免注册版
修改方法如下
1.双击打开tagcloud.fla 文件进行编辑
首先安装Flash CS3 Pro,解压WP-Cumulus源文件,用Flash程序打开”wp-cumulus\flash sources”目录下的”tagcloud.fla”文件。
2.找到”Tag”文字
在打开的视窗中找到一个 “Tag” 的文字层,并点选它:
点击此文字层后,您就可以在屏幕下方看到一个属性设置面板:
3.嵌入相应语言的字符
点击属性面板中的 “嵌入…” 按钮,在打开的对话框中选择您需要嵌入的语言字符,按住Ctrl键进行多个选择,选好后点击 “确定”:
关键点说明:如果点选“中文”嵌入后,就可以显示中文的标签云了,不过生成的Flash文件会达到10MB左右的大小,即时点选“简体中文”也要达到5MB的大小,要知道这么大的一个文件会消耗很大的带宽的,影响了网页打开的速度。我的解决方法就是把你网站的“文章标签”和“分类目录”内容自行添加到“包含这些字符”下的输入框中,这样生成的 Flash文件左右30KB左右,并能正常显示中文标签云。
4.导出影片
按 “CTRL+Enter” 组合键或者菜单栏“控制——测试影片”预览 Flash 影片,tagcloud.swf 文件就会自动被修改,将此文件替换原插件中的 tagcloud.swf 文件,即可显示您想要的语言了。
进阶设置——修改 WP-Cumulus 中显示的字体
如果您嵌入了中文字符,使用插件默认的 Arial 字体显示会比较难看,那您可以再对标签云的字体进行修改,方法如下:
- 在文字层的属性面板中修改标签字体
- 在 Flash 里打开 flash sources 文件夹中位于 “com/roytanck/wpcumulus” 的 Tag.as 文件
- 查找 format.font = “Arial”;,并将 Airal 替换为您想要显示的字体
- 保存文件,导出 Flash影片
注意:您可以设置多种字体,用英文逗号隔开,以防浏览者的电脑中没有安装相应的字体而显示不出效果。
效果图:
请问版主怎么修改标签云字体大小
有没有办法手动修改云标签的关键字呢?网上找了好久都没有找到云标签的原理。
还有请教博主,你的博客上的图片点击弹出放大图片是怎么实现的?主题原因还是用的插件?
我准备最近献给大家!
帮楼主补充一句,在修改了 com/roytanck/wpcumulus 下的 Tag.as 文件字体之后
还需要在第一步修改中文支持那里,修改字体成与你在Tag.as中修改的相同字体
FLASH中的修改的字体才可以正确显示 :)
很好的教程 谢谢lz
[...] 提供一个介绍自己修改tagcloud的网站 http://www.lequs.com/wp-cumulus-chinese-tag-cloud.html 2010-08-05 in 学习笔记 Tags [WordPress, 标签云] Comments [0] [...]