- 19~Blog |- WP的TAGS墙~

Search the Site

WP的TAGS墙~

By19.Published on2009-01-19.

WordPress的TAGS墙~19~Tags.

这个TAGS墙参考了Levitated.net的一个开源的小程序，上面所生成的文字全部都是站点的TAGS，在生成文字的时候照搬了那部分代码，这里提供的是AS3版本。我默认是只取到100个TAGS，如果你有更多的需要显示则把插件中的19TAGS.php里的SQL改一下LIMIT 0 , 100 ，TAGS墙生成的时候对应文章少的TAGS也有可能占到相对多的空间，完全随机，但可以保证文章最多的几个TAGS会用更多空间显示。对于懒得自己去细搞的人我写了个插件可以简单的在发表文章或者模板处引入这个FLASH TAGS墙~可以通过设置高宽来设置大小，配置颜色来改变背景和字体的颜色，例如模板中：

1	<?php wp_flash_tags("100%","380","0xFFFFFF","0x000000"); ?>

或者文章中

1	[wp_19_tags w="100%" h="380" bg="0xFFFFFF" t="0x000000"]

其中四个参数分别为：TAGS墙的宽、高、背景色、字体颜色，则显示的就是上面的效果。

或者下面这个例子，模板中

1	<?php wp_flash_tags("600","600","0xFFFFFF","0x000000"); ?>

或者文章中

1	[wp_19_tags w="600" h="600" bg="0xFFFFFF" t="0x000000"]

则是下面这样的效果。

如果你觉得为了一篇文章就加一个文章过滤的插件很不爽，就自己手动在文章中引入这个FLASH，放在plugins下不激活就行了。具体引入下面这些：

<object  id="blogroll" type="application/x-shockwave-flash" data="http://.../wp-content/plugins/19tags/19tags.swf" width="100%" height="380">
<param name="movie" value="http://.../wp-content/plugins/19tags/19tags.swf" />
<param name="BGCOLOR" value="" />
<param name="quality" value="high" />
<param name="FlashVars" value="bgColor=0x000000&tColor=0xFFFFFF">
</object>
<script type="text/javascript">
function tags_openLink(url) {win = window.open(url,"_blank");if (!win){window.open(url,"_self");}}
</script>

和上面的配置一样width=”100%” height=”380″宽和高，param name=”FlashVars” value=”bgColor=0×000000&tColor=0xFFFFFF”后面的bgColor和tColor就是两个颜色参数，JS是FLASH点击TAGS时打开链接时候需要用到的必须得有（FLASH中打开链接有可能被阻止，这里如果被阻就当前页面打开）。

最后一点很重要的，这里的TAGS显示的全是英文，具体为什么就是在生成字体时候种种的原因（这里是嵌入字体，如果不嵌入字体生成的文字会有很多问题，上下间距，并且不能去锯齿感觉很不好看，有兴趣自己看代码），所以我直接放弃了如何搞中文了。现在显示的文字都是你在WP里管理TAGS的别名，如果TAGS本身的就是英文TAGS那就没什么问题，别名和本身的名称应该是相同的。如果是中文，则放上去之后的提示栏目会显示出TAGS的中文名称。

对于Tags少是否能生成这样效果的疑问：即使你只有一个TAG也会生成这样的效果,生成的方法是得到全部TAG后开始循环生成，之后如果每个TAG都生成完毕则从第一个TAG处再生成。

~更新了一个中文TAGS效果，点这里预览~或者看下面设备字体不能使用消除锯齿，所以用了模糊滤镜(BlurFilter)来代替消除锯齿的效果，而设备字体中只能用所有机器都有可能有的字体：宋体，但宋体字体上下的间距让生成出的效果不紧凑。字体的高和字体影片的高是不同的（这还真是不好表达清楚啊 – 。-）。对于中文的我只能做到这样的程度了。

-= 中文FLASH源码和插件下载 =- | -= 英文FLASH源码 =- | -= 英文WP插件下载 =-

FLASH源文件的FLA在 19_tags\src\blocks\tags~19\flash 下。

{ Tags: plugins, tags, WordPress }

(查看之前文章) » javascript的面向对象 | (查看之后文章) » WordPress和Sweetcron的全站AJAX（续） |

本篇日志相关文章：

这篇文章发布于 2009年01月19日，星期一，3:51 下午，归类于 Diary。您可以跟踪这篇文章的评论通过 RSS 2.0 feed。您可以留下评论，或者从您的站点trackback。

16 Responses to “ WP的TAGS墙~ ”

独立志向说： ( Has commented 2 times in LL19.com )

2009-04-16 于 11:24 下午

很感谢你能解答我的问题。虽然没解决问题，但是还是很感谢

回复 | 回复并邮件
李文说： ( Has commented 2 times in LL19.com )

2009-03-25 于 12:56 上午

为什么我用了这个tags墙显示不出tag，一直都显示loading

回复 | 回复并邮件
- 19. 说： ( Admin commented )
  
  2009-03-27 于 3:57 下午
  
  @李文:
  
  我不知道你有没有更改SWF文件的名称，我在程序中是这么写的，根据当前SWF的名称来得到PHP文件（就是在取19tags.php的地址的时候直接替换19tags.swf为19tags.php），如果你有改过SWF的名称就会出问题，而且SWF和PHP必须在同一个目录下，若不是因为这问题你可以直接联系我具体帮你看看。还有不知道你的留言为什么被过滤为垃圾留言了~所以现在才回复 – 。-~
  
  回复 | 回复并邮件
李文说： ( Has commented 2 times in LL19.com )

2009-03-24 于 11:24 下午

请问我用了这个TAGS墙，为什么一直都显示LOADING，没有显示TAGS。
PS：你的网站做得很酷，很技术，我很喜欢，但是浏览起来很累，会不会过分注重技术而忽视了用户体验呢。或许是有所偏向吧，完全业余的评论，说错不要介意。

回复 | 回复并邮件
- 19. 说： ( Admin commented )
  
  2009-03-27 于 3:49 下午
  
  @李文:没关系~ – 。- 其实我自己看着也挺累。。
  
  回复 | 回复并邮件
shamas 说： ( Has commented 13 times in LL19.com )

2009-02-9 于 10:04 上午

好牛啊

回复 | 回复并邮件
neekey 说： ( Has commented 1 times in LL19.com )

2009-02-5 于 11:20 下午

挺酷的，赞一个。
整个网站也挺有特色的 :)

回复 | 回复并邮件
纪小年说： ( Has commented 28 times in LL19.com )

2009-01-24 于 11:37 上午

新年快乐~

回复 | 回复并邮件
纪小年说： ( Has commented 28 times in LL19.com )

2009-01-23 于 3:13 下午

我使用了一下这个插件，应该是汉字的tag都是以E为开头的字符串，为嘛？
难道是tag的别名要改成字母？

回复 | 回复并邮件
- 纪小年说： ( Has commented 28 times in LL19.com )
  
  2009-01-23 于 3:22 下午
  
  嗯嗯，看来的确是这样。比如“下载”他的默认别名就是“%e4%b8%8b%e8%bd%bd”
  但是显示的时候不会显示%，于是便都变成了由E开头的字符串“e4b88be8bdbd”
  
  回复 | 回复并邮件
Kenny 说： ( Has commented 1 times in LL19.com )

2009-01-21 于 5:05 下午

不错，有意思，学习了。

回复 | 回复并邮件
店一二说： ( Has commented 1 times in LL19.com )

2009-01-20 于 1:29 下午

确实不错。。。很有创意！

回复 | 回复并邮件
- 19. 说： ( Admin commented )
  
  2009-01-21 于 11:47 上午
  
  @店一二:
  等有时间再研究一下到底设备字体能不能做出同样的效果~到时候就能正常显示中文了。
  
  回复 | 回复并邮件
  - 纪小年说： ( Has commented 28 times in LL19.com )
    
    2009-01-21 于 2:29 下午
    
    嗯嗯，很需要一个能显示中文的tags。至少好看的多
    
    回复 | 回复并邮件
  - 巍巍说： ( Stranger commented in LL19.com )
    
    2009-03-25 于 10:48 上午
    
    看不到TAGS墙效果,我这里显示的是空白一片,网站其他地方显示正常,就是TAGS不显示,什么原因呢?我是IE6.0,我在IE7上浏览过,显示正常的.
    
    回复 | 回复并邮件
    - 19. 说： ( Admin commented )
      
      2009-03-25 于 12:00 下午
      
      @巍巍:
      可能是IE6在AJAX切换过来的时候会出现这样的问题，如果IE6单独直接浏览这个页面应该也是正常的~我反正已经快不在乎IE6上的情况了，而且如果你的站点没有用到AJAX则在IE6也不会出现看不到的情况~
      
      回复 | 回复并邮件