创建『标签云』单独页面(可彩色)
所谓『标签云』就是按使用频率高低显示字体大小,像云彩一样展示给大家。这样读者们就可以更方便更快的找到自己感兴趣的内容。WordPress的小工具里本身就有显示标签云的功能,但如果在侧边栏显示的标签比较多的话,就太占位置了,而且还影响网站的美观。所以就想把标签云显示在单独的页面里,这里分享一下方法。
1、先创建标签云模板文件。在自己的主题目录下找到page.php
或single.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』的标签云选项中设置。