wordpress彩色标签云代码实现两大方法

本文介绍了两种方法在WordPress中实现彩色标签云,无需插件。第一种方法通过修改page.php模板,调整CSS样式,并在functions.php中添加代码实现随机颜色。第二种方法通过修改functions.php中的标签云函数参数,调整字体大小、排序和数量。两种方法均能实现个性化标签云展示。
摘要由CSDN通过智能技术生成

       wordpress自带有标签云功能,在仪表盘中的小工具中直接添加就可以了。可是默认的显示,有很多朋友不太喜欢。我也很不喜欢,颜色一样,字体大小相差太远,排序看起来没有规则(默认是按字母升序排列,但对于中文博客来说不太实用。)

      下面就介绍一下,如何不用插件,实现彩色标签云,字体大小相差不多,排序按标签所包含的文章数量降序排列。就是本博客的右边的彩色标签云风格,如果你不喜欢这种风格话,本文也会介绍如何按照你喜欢的风格来调整。

     第一种方法:

    首先复制一份你博客主题的page.php模板

    然后在其顶部加入

<?php

/*

Template Name: Tags

*/

?>

      然后将这种显示正文内容的代码换成调用tags的代码

<?php the_content(); ?>

换成

<?php wp_tag_cloud(‘smallest=12&largest=18&unit=px&number=0&orderby=count&order=DESC’);?>

在style.css里面增加如下代码可以使得间距更好看:

#page-cnt.tags,

#page-cnt.friends { height: 576px; padding: 6px 0 0; overflow: hidden; line-height: 30px; }

#page-cnt.tags,

#page-cnt.friends { height: auto; padding-top: 5px; overflow: visible; }

.tags a { display: inline-block; margin: 0 4px; white-space: nowrap; }

打开主题中的functions.php文件,在最末端的 ?>前面添加下面的代码,就可以实现彩色标签云了:

;

function colorCloud($text)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值