标签云是博客常见的功能,访客通过根据标签快速浏览相关文章。typecho官方也贴出TAG输出代码,熊猫根据自己博客进行了优化。

效果


typecho标签云

代码食用


 

<section id="tag_cloud-2" class="widget widget_tag_cloud wrapper-md clear">            

            <?php Typecho_Widget::widget('Widget_Metas_Tag_Cloud','ignoreZeroCount=1&limit=20')->to($tags); ?>

            <?php if($tags->have()): ?>

                <?php while ($tags->next()): ?>

                <span id="tag-clould-color"  style="background-color:#FFFFFF; ?>,

                    <?php echo(rand(0,255)); ?>)">

                    <a  href="<?php $tags->permalink();?>">

                    <?php $tags->name(); ?></a>

                </span>

               <?php endwhile; ?>

        <?php endif; ?>

</section>

<style>

#tag-clould-color {

    padding: 5px 10px 5px 10px;

    border-radius: 10px;

    margin: 3px 3px 3px 0;

    display: inline-block;

}

</style>


官方标签输出:http://docs.typecho.org/themes/tag-cloud