WordPress彩色标签云代码的教程

广告合作

需要广告位置可以直接联系1272345426。

现在购买

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!如发现资源不能下载或者失效请联系QQ1272345426

久全技术网-www.52jqw.cn
久全技术网-www.52jqw.cn
摘要:颜色标签云我们可以在许多网站上看到这种效果。在这里,我们可以实现WordPress以添加颜色标签云效...
WordPress彩色标签云代码的教程

WordPress彩色标签云代码的教程

教程前言:

颜色标签云我们可以在许多网站上看到这种效果。在这里,我们可以实现WordPress以添加颜色标签云效果。

可以通过修改简单标签来显示此颜色标签云效果。

教程步骤:

  1. 在simple-tags.client.php中先找到如下代码:
    function getColorByScale($scale_color, $min_color, $max_color)
  2. 注释掉(或者删除)getColorByScale这个function中的以下语句:
    $scale_color = $scale_color / 100;
    $minr = hexdec(substr($min_color, 1, 2));
    $ming = hexdec(substr($min_color, 3, 2));
    $minb = hexdec(substr($min_color, 5, 2));
    $maxr = hexdec(substr($max_color, 1, 2));
    $maxg = hexdec(substr($max_color, 3, 2));
    $maxb = hexdec(substr($max_color, 5, 2));
    $r = dechex(intval((($maxr - $minr) * $scale_color) + $minr));
    $g = dechex(intval((($maxg - $ming) * $scale_color) + $ming));
    $b = dechex(intval((($maxb - $minb) * $scale_color) + $minb));

     

  3. 加上以下代码:
    //Colorful Tag Cloud start
    $r = dechex(rand(0,255));
    $g = dechex(rand(0,196));
    $b = dechex(rand(0,255));

     

  4. 后台编辑 主题 的 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);
  5. 侧边栏 sidebar.php 里调用如下代码:
    <?php wp_tag_cloud('smallest=8&largest=24&number=50'); ?>

     

未经允许不得转载:作者:久全技术猿, 转载或复制请以 超链接形式 并注明出处 久全技术网
原文地址:《WordPress彩色标签云代码的教程》 发布于2019-09-24

分享到:
赞(0) 打赏
久全技术网-aidezy.com 久全技术网-www.52jqw.cn
久全技术网-aidezy.com 久全技术网-www.52jqw.cn

评论 抢沙发

1 + 8 =


WordPress彩色标签云代码的教程

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.0主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册