一个分享WordPress、Zblog、Emlog、Typecho等主流博客的教程网站!
当前位置:网站首页 > Typecho教程 > 正文

实现 Typecho 博客彩色标签云效果

作者:xlnxin发布时间:2021-04-15分类:Typecho教程浏览:395


导读:彩色博客标签云很多博主喜欢,而且不少WP博主在WordPress博客上就已经添加上了,昨天去逛博客的时候发现Typecho博客也可以实现彩色标签云效果,不愧是俗称...

彩色博客标签云很多博主喜欢,而且不少WP博主在 WordPress 博客上就已经添加上了,昨天去逛博客的时候发现 Typecho 博客也可以实现彩色标签云效果,不愧是俗称的WP简化版。实现 Typecho 彩色标签云效果的方法很容易,只需要在显示标签云的地方添加相关代码即可。下面是转载过来的教程。

Typecho 彩色标签云效果的实现方法:

  • 在需要显示标签云的地方添加以下代码,保存文件即可
    <?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; ?>
  • 如果是单页面添加的标签云,则在page.php页面把
    <?php $this->content(); ?>

    替换为以下代码

    <?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; ?>

    新建独立页面,缩略名为tags就可以在独立页面显示彩色标签云的效果了

独立页面实现原理:判断页面缩略为是否是tags,如果是则执行彩色标签云代码,如果不是则显示页面内容。

代码来源

标签:wordpresstypecho教程博客