欢迎访问服务器技术网-www.fuwuqijishu.com

简单几行代码实现Typecho CMS程序彩色标签云

网站建设 fuwuqijishu 2年前 (2022-09-04) 123次浏览 0个评论 扫描二维码

相比与根据数目的多少来显示标签的大小排序的单标签,彩色标签云无疑更美观更醒目,经过实际验证,在Typecho博客里只需要function.php中添加几行代码也能轻松实现了。

下面,我们就直接进入代码操作步骤:

第一种情况在需要显示标签云的地方添加以下代码,保存文件

<?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,如果是则执行彩色标签云代码,如果不是则显示页面内容。

喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

Warning: error_log(/www/wwwroot/fuwiqijishu/wp-content/plugins/spider-analyser/#log/log-2122.txt): failed to open stream: No such file or directory in /www/wwwroot/fuwiqijishu/wp-content/plugins/spider-analyser/spider.class.php on line 2900