TYPECHO WIKI
每一个作品都值得被记录

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

Typecho维基君Typecho教程 • 1007次浏览 • 发布 2021-08-24 • 更新 2021-08-24

彩色博客标签云很多博主喜欢,而且不少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,如果是则执行彩色标签云代码,如果不是则显示页面内容。

代码来源

广告声明:文内含有的对外跳转链接(包括不限于超链接、二维码、口令等形式),用于传递更多信息,节省甄选时间,结果仅供参考,Typecho.Wiki所有文章均包含本声明。
厂商投放

【腾讯云】🎉五一云上盛惠!云服务器99元/月续费同价!

腾讯云五一劳动节海量产品 · 轻松上云!云服务器首年1.8折起,买1年送3个月!超值优惠,性能稳定,让您的云端之旅更加畅享。快来腾讯云选购吧!

广告
添加新评论 »