• handsome主题适用 改动不大

修改的有3个文件

1.component/sidebar.php
2.新增CSS文件
3.component/header.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文件 文件名只要不是中文 随你心情

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

建议统一放置于assetscss目录下

三.在header中引入文件

<link rel="stylesheet" href="<?php echo STATIC_PATH; ?>css/你的CSS文件名.css" type="text/css">

更改完在本地看一下效果 检查一下没什么问题就可以丢到服务器上辣~

浏览器如果没有效果 请检查你的CDN缓存设置
以及清除浏览器缓存刷新再试

Last modification:September 13th, 2019 at 07:16 pm
如果觉得我的文章对你有用,请赏杯咖啡。