Typecho博客程序handsome主题展示所有标签(标签云)的页面设置

24365
2021-03-21 / 1 评论 / 36 阅读 / 正在检测是否收录...

1、本文仅适用typecho博客程序 + handsome主题。

2、在模板根目录下新建一个名为 tags.php 的文件。

3、复制下方完整代码添加至tags.php文件

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

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

<header class="bg-light lter wrapper-md">
          <h1 class="m-n font-thin text-black l-h"><?php _me("全部标签") ?></h1>
          <small class="text-muted letterspacing indexWords"><?php $this->options->description() ?></small>
          </header>
<section id="tag_cloud-2" class="widget widget_tag_cloud wrapper-md clear" style="margin-bottom:auto;">
            <h2 id="tag-cloud-title" class="widget-title m-t-none text-md"><?php _me("标签云") ?></h2>
            <?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();?>" target="_blank">
                    <?php $tags->name(); ?></a>
                </span>
               <?php endwhile; ?>
        <div style="margin: 71px;">
        </div>
        <?php endif; ?>
</section>
<style>
#tag-clould-color {
    padding: 5px 10px 5px 10px;
    border-radius: 10px;
    color: #FFFFFF;
    margin: 6px 3px 3px 0;
    display: inline-block;
}
</style>
    <!-- footer -->
    <?php $this->need('component/footer.php'); ?>
      <!-- / footer --></div>

3、在后台新建页面,选择 tags.php 为模板即可。

2461039182.png

0

评论 (1)

取消
  1. 头像
    倚梦清风
    Windows 7 · Google Chrome

    画图

    回复