统计
  • 文章总数:1580 篇
  • 评论总数:350 条
  • 分类总数:37 个
  • 最后更新:4月26日

给Typecho添加一个彩色标签云的页面方法

本文阅读 1 分钟
首页 网页制作,typecho 正文

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:输出数目。
本文来自投稿,不代表本站立场,如若转载,请注明出处:
-- 展开阅读全文 --
感受一下小姐姐是如何用其口才,轻松给男朋友带绿帽的
« 上一篇 09-01
这个丘比特当的很莫名其妙
下一篇 » 09-01