学习定有收获
努力成为大神

WordPress RiProV2美化-侧边栏实现彩色标签云代码

WordPress 原创插件 国人习惯、简约实用、容易上手【点击了解】

功能介绍

修改替换默认标签云背景颜色改为定义好的颜色,让标签云更加的好看。

配置教程

首先利用宝塔或则FTP打开主题目录/inc/options下的admin-options.php文件把下面代码放在38行左右(给主题添加个开关按钮)

array(
    'id' => 'is_tags_cloud',
    'type' => 'switcher',
    'title' => '彩色标签云',
    'label' => '启用后标签云中的标签的颜色为随机颜色',
    'default' => false,
),

最后在主题根目录下打开functions.php将以下代码放在最后即可

// 标签云彩色代码
if (_cao('is_tags_cloud')) {
  function colorCloud($text) { 
    $text = preg_replace_callback('|<a (.+?)>|i', 'colorCloudCallback', $text);
    return $text; 
  } 
  function colorCloudCallback($matches) { 
    $text = $matches[1]; 
    $colors = array('48d1cc','a26ff9','fb7da9','6a6da9','19b5fe','ff5e5c','ffbb50','1ac756','7fb80e','6950a1'); 
    $color = $colors[dechex(rand(0,count($colors)-1))];
    $pattern = '/style=("|\')(.*?)\1/i'; 
    $text = preg_replace($pattern, "style=\"display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #{$color}; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;\"", $text); 
    return "<a $text>"; 
  } 
  add_filter('wp_tag_cloud', 'colorCloud', 1);
}
内容仅供参考:大神建站 - WordPress插件开发 » WordPress RiProV2美化-侧边栏实现彩色标签云代码

评论 2

  1. #-9

    分享得太棒了,感谢作者!

  2. #-8

    干货满满,读起来像在知识森林 “寻宝”!

登录

找回密码

注册