typecho博客标签墙及彩色标签云实例

Typecho介绍

Typecho是由type和echo两个词合成的,来自于开发团队的头脑风暴。Typecho基于PHP5开发,支持多种数据库,是一款内核强健?扩展方便?体验友好?运行流畅的轻量级开源博客程序。选用Typecho,搭建独一无二个人网络日志发布平台,享受创作的快乐。

typecho制作标签墙

I. 示例效果图

II. 方法

    在模板目录下新建一个PHP文件,命名为 tags.php;
    复制所需代码(见下文)至 tags.php;
    在后台新建页面,以 tags.php 为模板即可。

III. 代码实现

<?php
/**
* Tag List
* @package custom
*/
if (!defined('__TYPECHO_ROOT_DIR__')) exit;
?>
<?php $this->need('header.php'); ?>
 
<?php $this->widget('Widget_Metas_Tag_Cloud', array('sort' => 'count', 'ignoreZeroCount' => true, 'desc' => true, 'limit' => 200))->to($tags); ?>
 
<?php while($tags->next()): ?>
    <a rel="tag" class="tag" href="<?php $tags->permalink(); ?>" target="_blank"><?php $tags->name(); ?> <span class="article-num-in-tag"><?php $tags->count(); ?></span></a>
<?php endwhile; ?>
 
<?php $this->need('sidebar.php'); ?>
<?php $this->need('footer.php'); ?>

IV. 说明

代码开头的注视是不能省略的,它标识了该文件为自定义模板文件。如果没有这个注释,在后台新建页面选择模板的时候此次新建的模板将无法被识别和显示。
调用 Widget_Metas_Tag_Cloud 去获取标签数据。
$tags->permalink() 为标签超链接。
$tags->name() 为标签名称。
$tags->count() 为该标签下包含的文章数量。

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

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索数据库
, 开发
, 实例
, 标签
, 内核
代码
typecho博客、typecho 标签云、typecho 标签随机、typecho同步新浪博客、皮瓣移植实例彩色图谱,以便于您获取更多的相关知识。

时间: 2024-09-26 13:08:49

typecho博客标签墙及彩色标签云实例的相关文章

Typecho 博客主题 Terse

Terse 更适合程序员的typecho博客主题. 演示地址: https://biezhi.me 特性 兼容PC和手机 少量代码,更快速 界面简洁美观 可配置图标和头像 预览 电脑: 手机: 计划 加入fancybox 添加InstantClick github地址:https://github.com/biezhi/terse

阿里云Redis加速Typecho博客访问

写在开始 一不小心,博主趁着阿里云搞活动,一口气把Redis服务续费了3年(到期时间:2021-05-03,不知那时候博客是否健在?) 尽管只有小小256MB的容量,但是对于目前网站的访问量来说已足矣了. 继上次,论坛加速飞起来之后,缓存也就用了区区的50MB+左右,很显然是有点浪费了. 前几日,博客也上了把安全套(HTTPS),提升了逼格并小小的装逼了一下.都说加S会影响网站的速度,显然这是毋庸置疑的.尽管很早就上了阿里云智能CDN,显然挡不住我追求速度的极限. 突然,又好想装逼了. 相关环境

为Typecho博客做的一些SEO修改

Typecho是一个非常好的轻巧型博客系统,在Wordpress横行的今天,村长更喜欢用Typecho,不单单只是使用的人少,只是Wordpress相对于Typecho而言,太过于臃肿,速度相对比较慢,无奈,村长的SEO水平也只是半吊子,对PHP更不懂了,二次开发什么的就算了.哎呀,扯淡了,继续说Typecho的SEO修改技巧,下面几个方面的修改,就能让台州SEO博客提高对搜索引擎的友好度. 一.URL结构优化 其实这个和wordpress一样,为了争夺百度的好感,我们一般都会对博客设置伪静态,

博客园与啊里云的故障假设:高需与低配(补充了降频论)

背景:  博客园自从上了啊里云,故障频繁,使得大伙每星期都在看故障报告,对503不知不觉也建立直了深厚的友谊. 故障从硬盘IO到SLB到应用级别的,各自怀疑,各自检测,都各自坚持没问题,但情况是问题依旧. 而解决的方式是博客园不断的购买高配,但仍逃不出503的魔掌. 最终,博客园把怀疑点指向了啊里云的CPU. 啊里云,也怀疑是博客园自身程序问题.  对此问题,园里园外都比较关心,所以,在这背景下,我假设性的分析一下.   注意,以下内容纯属个人意淫,假设性内容,不代表符合事实,仅供各位看热门的参

即日起,技术博客从博客园迁移至阿里云

继续坚持写博客,记录总结技术经验,提升自己,方便他人. 博客园:http://www.cnblogs.com/bodhitree/

jQuery实现可用于博客的动态滑动菜单完整实例_jquery

本文实例讲述了jQuery实现可用于博客的动态滑动菜单代码.分享给大家供大家参考.具体如下: 这是一款基于jQuery1.3.2的动态滑动菜单特效代码,常用于博客,鼠标滑过菜单,菜单会不断伸出,貌似很漂亮,我比较喜欢,发上来供大家使用或学习参考. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-blog-move-style-menu-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//

亚马逊云架设WordPress博客

作者:Vamei 出处:http://www.cnblogs.com/vamei 欢迎转载,也请保留这段声明.谢谢!    这篇文章介绍如何在亚马逊云架设WordPress博客.最强的云,加上最流行的建站工具,构成了最容易掌握的建站方式.   AWS AWS (Amazon Web Service)是亚马逊提供的云服务.它是当今最强大的云平台之一.近几年获得成功的多家网站,比如Pinterest, Foursquare, Airbnb, Spotify,都架设于该平台.AWS即将通过合作的方式,

草根站长:博客优化终极方法揭露

  第三方博客平台因为有固定的博客程序结构,如果做搜索引擎优化SEO会相对来说比较困难.当然第三方博客平台因为自身的搜索权重相对较高是很大一个优势,但对SEOER来说选择独立博客程序会比较容易做博客SEO优化,会更容易做好博客在搜索引擎中的排名! 第三方博客是不是就没有办法优化了呢?其实也是有其博客优化技巧的! 今天]将介绍十个博客优化方法细节:教你轻松做好第三方博客优化! [以新浪博客为例] 方法一:选择好你的博文内容主题 建立一个博客之前首先要做的事就是确立博客主题,比如导购博客,比如职业交

利用高权重博客或论坛的tag来增加网站外链

作为网站站长都知道,外链对网站的排名有至关重要的作用.外链又有高质量外链和低质量外链的区别.比如在admin5发布文章就属于高质量外链,而利用软件群发的外链就属于低质量外链.但是我们不能否认,低质量外链对网站的优化还是有一定作用的,特别是对一些竞争度小的关键词.本文就分享一个经本人实践验证过的增加外链的方法,利用高权重博客或论坛的tag来增加外链. 站长们肯定都在公共博客或论坛发布过博文或帖子,文章中带上自己网站的网址,利用这种方法来增加网站的外链.但是,站长们在发布文章或帖子时,是否对tag功