WordPress优化:为博客添加边栏彩色标签云

简介:

      在众多博客网站都添加了彩色标签云这种形势下,如果我们还使用WordPress默认的标签是不是显得有点low啊?因此这个功能必须得添加啊。

       实现很简单,只需要在我们使用的主题的functions.php这个文件的末尾的?>之前添加以下代码,然后把边栏的标签云删掉重新添加下就可以了(PS:有的主题的functions.php文件末尾没有?>,就直接把代码添加到文件末尾即可)。代码如下:

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

注:代码不是原创,来源于互联网

效果如下:

wKioL1ae-r7A7FlVAAB1-PmoXm0458.png



本文转自 pangfc 51CTO博客,原文链接:http://blog.51cto.com/983836259/1736728,如需转载请自行联系原作者

相关文章
|
2月前
|
关系型数据库 MySQL Apache
怎么在树莓派上搭建WordPress博客网站,并发布到外网可访问?
怎么在树莓派上搭建WordPress博客网站,并发布到外网可访问?
122 1
|
11天前
|
移动开发 前端开发 语音技术
WordPress轻拟物博客主题niRvana 4.5.3(自适应手机端)
WordPress轻拟物主题niRvana,设计上不再趋从于现有的扁平风,我认为是时候从极致的扁平稍微向拟物致敬了,因此采用了轻拟物的风格。niRvana 设计和样式更加新颖,一眼看上去就会被他吸引住,主题配色也非常舒服。而且它有两个功能特别有意思,一个是自动根据文章特色图片识别出图片的主色调,在首页、文章分类页用最美的方式显示滚动图片,另一个则是文章支持语音朗读。主题细腻有质感,手机端体验非常好。
18 2
|
2月前
|
Java Android开发
java利用xml-rpc协议操作wordpress博客
java利用xml-rpc协议操作wordpress博客
25 1
|
2月前
|
PHP
菊子曰备份Wordpress网站的博客内容出错的解决办法(原创)
菊子曰备份Wordpress网站的博客内容出错的解决办法(原创)
53 2
|
22天前
|
NoSQL Redis
WordPress懒人优化方案,有效提升网页加载速度
在WordPress商店安装并启用插件WP Fastest Cache,按照说明设置。确保服务器已安装Redis,再安装Redis Object Cache并启用,无需额外配置。这两个步骤能显著提升网站加载速度,带来流畅的浏览体验。
39 8
|
29天前
|
存储 缓存 搜索推荐
如何优化WordPress的性能
【6月更文挑战第5天】如何优化WordPress的性能
15 3
|
2月前
|
关系型数据库 MySQL PHP
wordpress博客系统详细安装部署教程
wordpress博客系统详细安装部署教程
wordpress博客系统详细安装部署教程
|
2月前
|
安全
SiteGround如何设置WordPress网站自动更新
iteGround Autoupdate功能会自动帮我们更新在他们这里托管的所有WordPress网站,这样做是为了保证网站安全,并且让它们一直保持最新状态。他们会根据我们选择的设置自动更新不同版本的WordPress,包括主要版本和次要版本。在每次自动更新之前,他们都会为我们的网站做一个完整的备份,这样如果有什么问题,我们可以轻松地恢复到之前的状态。在本文中,我们将介绍如何在SiteGround中设置WordPress网站自动更新。
80 0
SiteGround如何设置WordPress网站自动更新
|
2月前
WordPress网站更换域名后如何重新激活elementor
本文讲解WordPress网站更换域名后如何重新激活elementor。首先你需要在WordPress后台elementor下点击Disconnect断开原elementor连接,然后登录elementor官网,在后台解除原网站授权;接着在WordPress后台重新连接并激活elementor。
131 2
WordPress网站更换域名后如何重新激活elementor
|
2月前
给WordPress网站增加一个带时间的led广告牌
给WordPress网站增加一个带时间的led广告牌
44 3