1. 示例效果图

20180901102424.JPG

2. 方法

在模板目录下新建一个PHP文件,命名为 tags.php;
复制所需代码(见下文)至 tags.php;
在后台新建页面,以 tags.php 为模板即可。

3.代码实现

<?php
    /**
    * 标签云
    *
    * @package custom
    */
//代码
?>
<?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
<?php $this->need('component/header.php'); ?>

    <!-- aside -->
    <?php $this->need('component/aside.php'); ?>
    <!-- / aside -->


<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>            
            <?php Typecho_Widget::widget('Widget_Metas_Tag_Cloud','ignoreZeroCount=1&limit=150')->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();?>">
                    <?php $tags->name(); ?></a>
                </span>
               <?php endwhile; ?>
        <?php endif; ?>
</section>
//CSS样式
<style>
#tag-clould-color {
    padding: 5px 10px 5px 10px;
    border-radius: 10px;
    color: #FFFFFF;
    margin: 3px 3px 3px 0;
    display: inline-block;
}
</style>
    <!-- footer -->
    <?php $this->need('component/footer.php'); ?>
      <!-- / footer -->

4.参数说明

  • sort:排序方式为 mid;
  • ignoreZeroCount:忽略文章数为 0 的;
  • desc:是否降序输出;
  • limit:输出数目。

Last modification:September 1st, 2018 at 10:28 am
If you think my article is useful to you, please feel free to appreciate