创建『标签云』单独页面(可彩色)

所谓『标签云』就是按使用频率高低显示字体大小,像云彩一样展示给大家。这样读者们就可以更方便更快的找到自己感兴趣的内容。WordPress的小工具里本身就有显示标签云的功能,但如果在侧边栏显示的标签比较多的话,就太占位置了,而且还影响网站的美观。所以就想把标签云显示在单独的页面里,这里分享一下方法。

1、先创建标签云模板文件。在自己的主题目录下找到page.phpsingle.php文件,复制并重命名为:tags.php,打开后在代码的最上方加入如下代码:

<?php 
/* 
    Template Name: Tags 
*/ 
?>

此代码的目的是告诉 WordPress 这是一个命名为 Tags 的模板文件。

2、然后找到相应的content(文章正文位置),将如下代码插入到它里面。

<?php wp_tag_cloud('smallest=14&largest=46&unit=px&number=500'); ?>

其中smallest=代表最小字体, largest=代表最大字体, unit=代表单位(可以选pt或px), number=代表显示标签数量,这些参数都可以依据个人喜好进行修改。

3、将修改好的tags.php文件上传至自己的主题文件中,然后在WP后台创建新的页面,命名为:Tags,内容为空,在右侧的“页面模板”中选择“Tags”模板,然后发布即可。

创建成功后你会发现整个页面显示的标签字体颜色都是默认的黑色,不美观,显示彩色标签的话就得用到WordPress插件:『Simple Tags插件安装使用教程

Simple Tags』可以说是Wordpress上最好的标签插件,把Wordpress的管理标签的功能提高了很多。不仅仅是对标签的管理,还有相关标签,相关日志,标签云等等功能。

4、若使用『Simple Tags』插件,就可以将tags.php文件中的WP自带标签云函数:

<?php wp_tag_cloud('smallest=14&largest=46&unit=px&number=500'); ?>

修改为『Simple Tags』插件的标签云函数:

<? st_tag_cloud(); ?>

然后在『Simple Tags』插件的控制面板里设置标签云的显示样式。

5、若想实现彩色标签云效果,则可以通过修改simple-tags/inc/class.client.php来显示。在class.client.php中先找到getColorByScale的:

function getColorByScale($scale_color, $min_color, $max_color)

注释掉getColorByScale这个函数中的以下语句:

$scale_color = $scale_color / 100;
$minr = hexdec(substr($min_color, 1, 2));
$ming = hexdec(substr($min_color, 3, 2));
$minb = hexdec(substr($min_color, 5, 2));
$maxr = hexdec(substr($max_color, 1, 2));
$maxg = hexdec(substr($max_color, 3, 2));
$maxb = hexdec(substr($max_color, 5, 2));
$r = dechex(intval((($maxr$minr) * $scale_color) + $minr));
$g = dechex(intval((($maxg$ming) * $scale_color) + $ming));
$b = dechex(intval((($maxb$minb) * $scale_color) + $minb));

加上以下代码:

//Colorful Tag Cloud start
$r = dechex(rand(0,255));
$g = dechex(rand(0,196));
$b = dechex(rand(0,255));
//Colorful Tag Cloud end

6、至于要显示多少个标签,怎么排列,热门标签和普通标签分别为多少大小的字体,可以在后台的『Simple Tags』的标签云选项中设置。

posted @ 2017-01-26 01:37  Noelli  阅读(426)  评论(0编辑  收藏  举报