首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >两种办法实现Typecho彩色标签实现方法

两种办法实现Typecho彩色标签实现方法

作者头像
老蒋
发布于 2021-12-24 14:49:11
发布于 2021-12-24 14:49:11
6790
举报
文章被收录于专栏:老蒋专栏老蒋专栏

我们看到有些朋友的Typecho网站侧栏标签TAGS是比较好看的彩色标签,这里我们也看看如何设置彩色标签。老蒋整理到网上两个不错的方法记录下来,以后如果有客户企业网站需要用到的时候我们也会给用上。

第一、直接使用法

代码语言:javascript
复制
<?php Typecho_Widget::widget('Widget_Metas_Tag_Cloud')->to($tags); ?>
<?php if($tags->have()): ?>
    <?php while ($tags->next()): ?>
    <a style="color:rgb(<?php echo(rand(0,255)); ?>,<?php echo(rand(0,255)); ?>,
           <?php echo(rand(0,255)); ?>)" href="<?php $tags->permalink();?>">
         <?php $tags->name(); ?></a>
    <?php endwhile; ?>
<?php endif; ?>

在有需要的位置直接放置,然后修改对应样式调整。

第二、放到内容上方

代码语言:javascript
复制
<?php if($this->slug=="tags"): ?>
<?php Typecho_Widget::widget('Widget_Metas_Tag_Cloud')->to($tags); ?>
<?php if($tags->have()): ?>
    <?php while ($tags->next()): ?>
    <a style="color:rgb(<?php echo(rand(0,255)); ?>,<?php echo(rand(0,255)); ?>,
           <?php echo(rand(0,255)); ?>)" href="<?php $tags->permalink();?>">
         <?php $tags->name(); ?></a>
    <?php endwhile; ?>
<?php endif; ?>
<?php else: ?>
<?php $this->content(); ?>
<?php endif; ?>

我们可以根据需要将代码放到内容上方。一般我们使用第一种比较多。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-07-17 ,如有侵权请联系 cloudcommunity@tencent.com 删除
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档