typecho下的实现彩色标签云
这篇文章主要是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缓存设置
以及清除浏览器缓存刷新再试。
当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »