首先在wordpress主题文件夹内找到并用编辑器打开 functions.php 文件,随意找个位置不到插到别的函数里,“?>” 之前加入以下代码:

//彩色标签云
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);
//彩色标签云结束

OK,搞定了,之后在小工具中使用标签云或在sidebar.php中调用wordpress标签云函数就会发现标签云是彩色的了!

说明下: $color = dechex(rand(0,16777215)); 作用是定义标签随机颜色的十进制数值范围,0 等于#000,16777215 等于#fff。你可以使用进制换算工具换算后修改这行代码,改变颜色范围。

附录:10进制颜色代码

白色:16777215 红色:16711680 绿色:65280 蓝色:255 牡丹红:16711935

青色:65535 黄色:16776960 黑色:0 海蓝:7396243 巧克力色:6042391

蓝紫色:10444703 黄铜色:11904578 亮金色:14276889 棕色:10911037  青铜色:9205843

深棕:6045747 深绿:3100463 深铜绿色:4879982  深橄榄绿:5197615深兰花色:10040013

深紫色:8855416 深石板蓝:7021454  深铅灰色:3100495 深棕褐色:9922895 深绿松石色:7377883

暗木色:8740418  淡灰色:5526612 土灰玫瑰红色:8741731 长石色:13734517 火砖色:9315107

森林绿:2330147 金色:13467442 鲜黄色:14408560 灰色:12632256  铜绿色:5406582

青黄色:9689968 猎人绿:2186785 印度红:5123887  土黄色:10461023 浅蓝色:12638681

浅灰色:11053224 浅钢蓝色:9408445  浅木色:15319718 石灰绿色:3329330 桔黄色:14972979

褐红色:9315179  中海蓝色:3329433 中蓝色:3289805 中森林绿:7048739 中鲜黄色:15395502

中兰花色:9662683 中海绿色:4353858 中石板蓝色:8323327 中春绿色:8388352  中绿松石色:7396315

中紫红色:14381203 中木色:10911844 深藏青色:3092303  海军蓝:2302862 霓虹蓝:5066239

霓虹粉红:16740039 新深藏青色:156  新棕褐色:15452062 暗金黄色:13612347 橙色:16744192

橙红色:16720896  淡紫色:14381275 浅绿色:9419919 粉红色:12357519 李子色:15379946

石英色:14277107 艳蓝色:5855659 鲑鱼色:7291458 猩红色:12326679  海绿色:2330216

半甜巧克力色:7029286 赭色:9333539 银色:15132922  天蓝:3316172 石板蓝:32767

艳粉红色:16719022 春绿色:65407  钢蓝色:2321294 亮天蓝色:3715294 棕褐色:14390128

紫红色:14204888  石板蓝色:11397866 浓深棕色:6045747 淡浅灰色:13487565 紫罗兰色:5189455

紫罗兰红色:13382297 麦黄色:14211263 黄绿色:100792822

查看效果

WordPress缩略图的设置方法

参考文章:http://www.cnblogs.com/homg/archive/2013/04/17/3344963.html

https://jingyan.baidu.com/article/95c9d20d82297eec4e7561c1.html

代码实现wordpress彩色标签云的最简单的方法的更多相关文章

  1. 修改WordPress标签云字体大小颜色及标签显示数量

    WordPress 自带的标签云是一个很实用的小工具.站长可以通过标签对具有相同关健词的文章进行检索分类,利于访客查找相关文章.WordPress 默认标签云的字体最小为8pt,最大为22pt,标签显 ...

  2. JAE京东云引擎Git上传管理代码教程和京东云数据库导入导出管理

    文章目录 Git管理准备工作 Git工具上传代码 发布代码装程序 mywebsql管理 京东云引擎小结   JAE京东云引擎是京东推出的支持Java.Ruby.Python.PHP.Node.js多语 ...

  3. 将nodejs代码部署到阿里云服务器

    概述 最近在做一个小项目,其中用nodejs做了个数据转发的接口,之后需要将这部分代码部署到服务器上面,并使用Nginx做反向代理.期间使用搜索引擎大量查阅了其他同鞋的经验,不过写的大多很笼统,因此踩 ...

  4. 怎么用代码制作WordPress的归档页面

    先看看效果,这个是我网站的归档页面:http://www.shenjieblog.com/archives 其实WordPress自带了一个归档的功能,但是只能显示在网页中的某一个部分,但是我想单独制 ...

  5. 将html代码部署到阿里云服务器,并进行域名解析,以及在部署过程中遇到的问题和解决方法

    本博客主要是说一下,,如何将html代码部署到阿里云服务器,并进行域名解析,以及在部署过程中遇到的问题和解决方法. 1.先在阿里云上购买一台阿里云服务器(ECS云服务器): 2.远程连接上该服务器,在 ...

  6. 【python笔记】Qt+云函数 实现简单的登录框制作

    [python笔记]Qt+云函数 实现简单的登录框制作 备注:前置条件:QtDesigner.pycharm.PyQt5.配置好的云函数(百度的叫函数计算CFC,用来充当一个简陋的服务器,主要是免费) ...

  7. 关于富文本编辑器ueditor(jsp版)上传文件到阿里云OSS的简单实例,适合新手

    关于富文本编辑器ueditor(jsp版)上传文件到阿里云OSS的简单实例,适合新手   本人菜鸟一枚,最近公司有需求要用到富文本编辑器,我选择的是百度的ueditor富文本编辑器,闲话不多说,进入正 ...

  8. 圆环,扇形控件基本算法一种实现 - 代码库 - CocoaChina_让移动开发更简单

    圆环,扇形控件基本算法一种实现 - 代码库 - CocoaChina_让移动开发更简单   ////  CircleCore.h//  Quartz////  Created by 仙人掌 on 12 ...

  9. 代码迁移到华为云上和Git的坑

    代码迁移到华为云上和Git的坑 先设置小乌龟Git上方式为ssh 参考链接:https://www.liangzl.com/get-article-detail-3586.html 注意:Tortoi ...

随机推荐

  1. Jmeter JSON断言和响应断言的区别是什么?

    假设响应数据是{"code":0,"datas":{"informationStatus":1}} 响应断言:"code" ...

  2. 团体程序设计天梯赛-练习集-L1-030. 一帮一

    L1-030. 一帮一 “一帮一学习小组”是中小学中常见的学习组织方式,老师把学习成绩靠前的学生跟学习成绩靠后的学生排在一组.本题就请你编写程序帮助老师自动完成这个分配工作,即在得到全班学生的排名后, ...

  3. eas之缓存清理

    apusic缓存清理,安装web框架补丁后,先清空apusic缓存,然后再重启服务apusic-domains-server1-deploy-easweb-tmpfiles

  4. apache+php连接数据库

    ######## 安装APACHE ##############安装apr/usr/src/apache+php/tar xf apr-1.5.2.tar.gzcd apr-1.5.2./config ...

  5. js中获取数组中的最大值最小值

    var a=[1,2,3,5]; alert(Math.max.apply(null, a));//最大值 alert(Math.min.apply(null, a));//最小值 多维数组可以这么修 ...

  6. vue_music:排行榜rank中top-list.vue中样式的实现:class

    排行榜的歌曲列表,根据排名渲染不同的样式,同时需要考虑分辨率的2x 3x图 不同的样式--:class 考虑分辨率的2x 3x图--需要在stylu中的mixin中bgImage根据屏幕分辨率选择图片 ...

  7. 【[Offer收割]编程练习赛11 B】物品价值

    [题目链接]:http://hihocoder.com/problemset/problem/1486 [题意] [题解] 设f[i][j]表示前i个物品,每种属性的状态奇偶状态为j的最大价值; 这里 ...

  8. 【hihocoder 1295】Eular质数筛法

    [题目链接]:http://hihocoder.com/problemset/problem/1295 [题意] [题解] 可以在O(N)的复杂度内求出1..N里面的所有素数; 当然受空间限制,N可能 ...

  9. VirtualBox虚拟机下 解决centos系统无法上网的问题

    首先,在VirtualBox中设置网卡连接方式:点“设置”,在弹出的界面中点“网络”,最后选择“连接方式”为“桥接网卡”或者网都可以络地址转换  这两种我试了试都可以 接下来修改一个文件就行: 1.打 ...

  10. JavaSE 学习笔记之接 口(六)

    接 口: 1:是用关键字interface定义的. 2:接口中包含的成员,最常见的有全局常量.抽象方法. 注意:接口中的成员都有固定的修饰符. 成员变量:public static final     ...