首页 Typecho中实现侧边栏标签云和标签云页面以及彩色标签云

Typecho中实现侧边栏标签云和标签云页面以及彩色标签云

chenmo 2013-11-6 0 4389

之前在折腾wordpress的时候实现过标签云,同时在麻辣GIS上也实现了类似36氪的标签云效果,所以这次重新整理博客样式的时候也想做上这个效果。具体方法如下:

侧边栏标签云

代码如下:

<?php Typecho_Widget::widget('Widget_Metas_Tag_Cloud', array('sort' => 'count', 'ignoreZeroCount' => true, 'desc' => true))->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,重命名为tags.php,然后在开头加入下面的代码:

<?php 
/**
    * 标签云
    *
    * @package custom
*/?>

然后将

<?php $this->content();?>

替换为

<?php if($this->slug=="tags"): ?>
<?php Typecho_Widget::widget('Widget_Metas_Tag_Cloud', array('sort' => 'count', 'ignoreZeroCount' => true, 'desc' => true))->to($tags);  ?>
<?php if($tags->have()): ?>
<p>
<?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; ?>
</p>
<?php endif; ?>
<?php else: ?>
<?php $this->content(); ?>
<?php endif; ?>

最后新建一个独立页面,然后模版选择标签云,slug设置为tags即可。

#typecho##侧边栏##标签云##页面##彩色#

免责声明:本文仅代表作者个人观点,与本网站无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
作者: chenmo 本文最后编辑于2013-11-6 09:09:18
chenmo

一个爱玩电脑,却又不沉迷游戏;喜欢网页设计,却又能力不足。喜欢网上到处灌,关注科技类新闻,寻搜有价值的网站。喜欢美剧,又喜爱电影,可以很宅,很宅,却又爱好户外骑行运动,喜欢接近大自然的心声。

作者的微博

发表评论: