打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
wordpress彩色标签云代码

wordpress彩色标签云代码

很多朋友喜欢在自己的博客上添加标签云(Tag Cloud)功能,这样不但可以让用户更好的了解网站主题,优化用户体验,而且还能增加网页的关键词密度,对搜索引擎优化有一定的帮助。不过很多主题的标签云小工具都是直接调用的wordpress系统自带的标签云,不仅CSS非常单调,颜色也是单一的黑色。

其实我们只要利用一段代码,将标签云变成彩色的,就会让它漂亮很多,放在你的博客上也会是一处不错的点缀。效果如下图。

图片说服不了你的话可以访问演示地址:无限记事本。下面放出这段wordpress彩色标签云代码,复制到主题目录中的function.php中即可。

  1. //彩色标签云   
  2.     function colorCloud($text) {        
  3.     $text = preg_replace_callback('|<a (.+?)>|i’, ’colorCloudCallback’, $text);      
  4.     return $text;      
  5. }      
  6. function colorCloudCallback($matches) {      
  7.     $text = $matches[1];      
  8.     $color = dechex(rand(0,16777215));      
  9.     $pattern = ’/style=(\’|\“)(.*)(\’|\”)/i’;
  10.     $text = preg_replace($pattern, ”style=\“color:#{$color};$2;\”"$text);      
  11.     return “<a $text>”;      
  12. }      
  13. add_filter('wp_tag_cloud’, ’colorCloud’, 1);    



本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
WordPress 让主题支持Widget(侧边栏小工具)功能
WordPress自带TinyMCE编辑器增加自定义按钮
为文章标题链接添加正在加载中提
WordPress中使用Javascript
wordpress彩色标签云设置方法
WordPress 3.0 菜单功能支持二级菜单
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服