首页 > 其他分享 >为Typecho增加彩色标签云

为Typecho增加彩色标签云

时间:2023-02-03 11:37:34浏览次数:79  
标签:count sort 30 标签 彩色 Typecho desc

Typecho是一个轻量级的博客程序,轻量意味着很多其他博客程序(如Wordpress等)具有的功能或模块而Typecho没有,比如说侧栏上的标签云就没有显示,但是其实Typecho已经有了关于标签云的挂件,只是没有显示出来而已,需要我们自己添加一下。

具体操作如下:

登录后台,控制台——外观——编辑当前外观,选择侧边栏的模板,把代码添加一下,比如我的这样写的:

<section class="widget">
<h3 class="widget-title"><?php _e('标签云'); ?></h3>
<?php $this->widget('Widget_Metas_Tag_Cloud', 'ignoreZeroCount=1&limit=30&sort=count&desc=1')->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)); ?>);font-size:<?php echo(rand(12,22));?>px;" href="<?php $tags->permalink();?>" title="<?php $tags->count(); ?> 个话题"><?php $tags->name(); ?></a>
<?php endwhile; ?>
<?php endif; ?>
</section>

其中:

ignoreZeroCount=1 表示不显示0文章的标签
limit=30 取前30条记录
sort=count 按文章数排序
desc=1 倒序

以上代码参考了官方文档:
​http://docs.typecho.org/themes/tag-cloud​

本文作者:老徐
本文链接:​​https://bigger.ee/archives/147.html​​转载时须注明出处及本声明

标签:count,sort,30,标签,彩色,Typecho,desc
From: https://blog.51cto.com/senseshield/6035717

相关文章

  • 华为FusionSphere OpenStack标签有大作用,你用对了吗?
    FusionSphere的标签有两处设置的地方,一个是主机组标签,一个是规格标签,这两个标签配置均在FusionSphereOpenStackOM上进行配置。标签与虚拟机能发放的位置、热迁移和重建的......
  • JSTL常用标签choose和foreach常用标签
    JSTL的常用标签choosechoose相当于java代码中的switch语句完成数字编号对应星期几案例1、域中存储数字2、使用choose标签取出数字 相当于switch声明......
  • JSTL概述和JSTL常用标签if
    JSTL概述1.概念:JavaServlet Pages Tag Library(JSP标准标签库)是由Apache组织提供的开源的免费的jsp标签<标签>2.作用:用于简化和替换jsp页面......
  • Pom文件标签
    Maven的属性主要分为2大类,一类就是上面的自定义属性,另一类是不需要自定义的,是Maven内置的属性,可以直接拿来使用的;自定义属性propertiesMaven自定义属性,需要先在propertie......
  • 表格标签
    表格的作用:表格主要用于显示,展示数据,因为它可以让数据显示的非常规整,可读性非常好.特别是后台展示数据的时候,能够熟练运用表格就显得很重要.一个清爽简约的表格能够......
  • BdTab全新一代的浏览器新标签页插件
    BdTab新标签页是最受欢迎的浏览器扩展程序之一,它不但能够美化你的主页,同时能有效提高生产力,非常轻松高效的管理常用网站,快速添加常用网站图标、颜色、大小、布局均可自由......
  • maven的依赖管理dependencyManagement标签
    依赖管理(dependencyManagement)此标签仅针对依赖管理,但是实际不引入,避免子项目中引入过多 maven提供的dependencyManagement元素既能让子项目继承到父项目的依赖配置,......
  • mybatisplus test标签 调用自定义或者其他依赖方法进行判空
      @包路径@方法<iftest="@org.apache.commons.lang3.StringUtils@isNotBlank(rulePageRequest.nameOrNumber)">AND(......
  • Video标签详解
    参考菜鸟:HTML <video> 标签掘金:H5video标签使用        H5video开发问题及相关知识点博客:html5中video标签的用法MDN:<video>:视频嵌入元素HTMLV......
  • HTML标签
    HTML标签(上)1.1语法规范:标签是由尖括号包围的关键词,eg:<html>通常是成对出现的,eg:<html></html>称为双标签有特殊的标签是单个标签,<br/>单标签1.2标签关系双......