前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >两种办法实现Typecho彩色标签实现方法

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

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

我们看到有些朋友的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 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档