WordPress自定义代码实现圆角彩色标签云

news/2024/7/5 8:35:21

   WordPress默认的标签云是黑白的,博主使用的DUX主题的标签云虽然有颜色,但是也不是彩色的。所以想到了自定义代码实现圆角彩色标签云

使用方法:在当前主题目录下面的functions.php里面加入以下代码:

//圆角背景色标签
function colorCloud($text) {
$text = preg_replace_callback('|<a (.+?)>|i', 'colorCloudCallback', $text);
return $text;
}
function colorCloudCallback($matches) {
$text = $matches[1];
$colors = array('F99','C9C','F96','6CC','6C9','37A7FF','B0D686','E6CC6E');
$color=$colors[dechex(rand(0,7))];
$pattern = '/style=(\'|\")(.*)(\'|\")/i';
$text = preg_replace($pattern, "style=\"display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 5px; margin: 0 5px 5px 0; background-color: #{$color}; border-radius: 3px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;\"", $text);
$pattern = '/style=(\'|\")(.*)(\'|\")/i';
return "<a $text>";
}
add_filter('wp_tag_cloud', 'colorCloud', 1);

然后到网站后台,依次点击外观——小工具——标签云,添加以后就可以看到圆角彩色标签云了。
效果如下:

颜色可以自己对照rgb颜色表修改:

$colors = array('F99','C9C','F96','6CC','6C9','37A7FF','B0D686','E6CC6E');

http://www.niftyadmin.cn/n/3649386.html

相关文章

自定义view-绘制统计图

效果图如下: 主要代码&#xff1a; public class MyTestView extends View { private Paint mPaint; private static final String title "2013-2017上半年的销售情况"; private static final String content "来自公司销售的统计数据"; public MyTe…

怎么计算apk的启动时间?

利用python或者直接用adb命令怎么计算apk的启动时间呢&#xff1f;就是计算从点击图标到apk完全启动所花费的时间。比如&#xff0c;对游戏来说就是点击游戏图标到进入到登录界面的这段时间。 已知的两种方法貌似可以获取&#xff0c;但是感觉结果不准确&#xff1a;一种是&…

如何在Ubuntu 18.04上安装和使用TimescaleDB

The author selected the Computer History Museum to receive a donation as part of the Write for DOnations program. 作者选择“ 计算机历史博物馆”作为“ Write for DOnations”计划的一部分接受捐赠。 介绍 (Introduction) Many applications, such as monitoring sys…

国产操作系统deepin(深度)的安装与体验

Deepin原名Linux Deepin、deepin os、深度系统、深度操作系统&#xff0c;于2014年4月改名Deepin。deepin操作系统是由武汉深之度科技有限公司开发的Linux发行版。deepin操作系统是一个基于Debian的Linux操作系统&#xff0c;专注于使用者对日常办公、学习、生活和娱乐的操作体…

[收藏]再见,CodeArtist

再见&#xff0c;CodeArtistBy [ 赵勖予 ] 2005-3-29 21:32:41 CodeMonkeyMonkeyCodeMonkeyCodeMonkey LeeCodeMonkey2002NGFFSLee Lee进入我们公司的时候已经三十三岁&#xff0c;单身。头发在脑后梳成一个大马尾辫&#xff0c;辫子里白花花的全是头皮。他一年四季只穿一件蓝…

Android 内核解剖 - AMS(Activity Manager Service)

zz:http://www.myexception.cn/android/1792465.htmlandroid内核剖析学习笔记&#xff1a;AMS&#xff08;ActivityManagerService&#xff09;内部原理和工作机制一、ActivityManagerService提供的主要功能&#xff1a; &#xff08;1&#xff09;统一调度各应用程序的…

CentOS 7安装MySQL-5.7数据库

MySQL是一个关系型数据库管理系统&#xff0c;由瑞典MySQL AB 公司开发&#xff0c;属于Oracle旗下产品。MySQL是最流行的关系型数据库管理系统之一&#xff0c;在WEB应用方面&#xff0c;MySQL是最好的RDBMS (Relational Database Management System&#xff0c;关系数据库管理…

bootstrap 小程序_如何将Bootstrap添加到Ruby on Rails应用程序

bootstrap 小程序介绍 (Introduction) If you are developing a Ruby on Rails application, you may be interested in adding styles to your project to facilitate user engagement. One way to do this is by adding Bootstrap, an HTML, CSS, and JavaScript framework d…