typecho下的实现彩色标签云

2019-11-09T16:17:00

这篇文章主要是typecho下的彩色标签云实现方式 handsome主题适用 改动不大
修改的有3个文件

component/sidebar.php
先放个效果图:

< 一 > 用以下这段代码替换原有的标签云

<section id="tag_cloud-2" class="widget widget_tag_cloud wrapper-md clear">
       <h3 id="tag-cloud-title" class="widget-title m-t-none text-md"><?php _me("标签云") ?></h3>            
       <div class="tags l-h-2x">
       <?php Typecho_Widget::widget('Widget_Metas_Tag_Cloud','ignoreZeroCount=1&limit=30')->to($tags); ?>
       <?php if($tags->have()): ?>
           <?php while ($tags->next()): ?>
           <span id="tag-clould-color"  style="background-color:rgb(<?php echo(rand(0,255)); ?>,<?php echo(rand(0,255)); ?>,<?php echo(rand(0,255)); ?>)">
               <a  href="<?php $tags->permalink();?>"  title="<?php echo sprintf(_mt("该标签下有 %d 篇文章"),$tags->count); ?>" data-toggle="tooltip" >
               <?php $tags->name(); ?></a>
           </span>
           <?php endwhile; ?>
       <?php endif; ?>
       </div>
   </section>

< 二 > 新增CSS样式
在外观->设置外观->开发者设置-》自定义CSS,添加以下代码:

/* tag-clould-color 彩色标签云 */
#tag-clould-color {
    padding: 3px 10px 3px 10px;
    border-radius: 10px;
    color: #FFFFFF;
    margin: 3px 3px 3px 0;
    display: inline-block;
}

好了,可以了,改好之后,在服务器上查看一下,标签云是否展示出来了。
浏览器如果没有效果 请检查你的CDN缓存设置
以及清除浏览器缓存刷新再试。

当前页面是本站的「Baidu MIP」版。发表评论请点击:完整版 »