WordPress教程：添加彩色标签云 - WordPress教程

标签云是很多WordPress主题都有的一个主题元素，今天就讲讲如何为你的主题添加彩色标签云，包括边栏调用和页面调用。

1.调用标签云

我们可以使用 wp_tag_cloud() 函数实现标签云的调用。比如下面的样例：

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

代码注释：

smallest表示标签的最小字号

largest表示最大字号

unit=px表示字体使用像素单位

number=0表示显示所有标签，如果为40，表示显示40个

orderby=count表示按照标签所关联的文章数来排列

order=DESC表示降序排序(ASC表示升序排序，DESC表示降序排序)

更多 wp_tag_cloud() 参数，请参考 WordPress文档 wp tag cloud

2.添加彩色功能

根据上面的参数，你已经可以调用出标签云了，将下面的代码添加到wordpress企业主题的 functions.php 的最后一个 ?> 前面即可实现彩色：

//边栏彩色标签

function colorCloud($text) {

$text = preg_replace_callback('|<a (.+?)>|i','colorCloudCallback', $text);

return $text;

}

function colorCloudCallback($matches) {

$text = $matches[1];

$color = dechex(rand(0,16777215));

$pattern = '/style=(\'|\”)(.*)(\'|\”)/i';

$text = preg_replace($pattern, "style=\"color:#{$color};$2;\"", $text);

return "<a $text>";

}

add_filter('wp_tag_cloud', 'colorCloud', 1);

3.制作标签云页面

你可以看看主题猫的标签云页面：http://ztmao.com/tags

1)复制你主题的 page.php 文件，在该文件的顶部添加：

<?php

Template Name: Tags

2)使用下面的代码替换page.php中的：

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

3)该页面一般不需要评论功能，删除 page.php 中下面的代码：

<?php if (comments_open()) comments_template( '', true ); ?>

4)你还可以根据自己的需要，删除page.php中的某些功能，最后将该文件另存为 page-tags.php ，这样，一个标签云模板就做好了。

5)访问 WP后台-页面-新建页面，页面名称自己填，只需要在页面属性中，选择 tags 模板即可：

4.边栏中调用标签云

你可以使用下面的函数调用，具体的修改方法，就靠你自己折腾主题了：

<?php wp_tag_cloud('smallest=12&largest=18&unit=px&number=20');?>

不过，一般制作比较规范的WordPress主题，都支持 Widget小工具，你可以在 WP后台-外观-小工具中查看是否支持标签云小工具。

说明：本文只是告诉你如何实现彩色标签云，以及如何调用。但是具体的样式，就要靠你自己通过CSS代码实现了。

温馨提示

1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！
2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5. 如有链接无法下载、失效或广告，请后台提交工单处理！
6. 本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
7. 如遇到加密压缩包，请使用WINRAR解压,如遇到无法解压的请后台提交工单！

【免责声明】：

本站所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。本站信息来自网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。

【关于转载】：

本站尊重互联网版权体系，本站部分图片、文章大部分转载于互联网、所有内容不代表本站观点、不对文章中的任何观点负责、转载的目的只用于给网民提供信息阅读，无任何商业用途，所有内容版权归原作者所有
如本站（文章、内容、图片、视频）任何资料有侵权，先说声抱歉；麻烦您请联系请后台提交工单，我们会立即删除、维护您的权益。非常感谢您的理解。

【附】:

二○○二年一月一日《计算机软件保护条例》第十七条规定：为了学习和研究软件内含的设计思想和原理，通过安装、显示、传输或者存储软件等方式使用软件的，可以不经软件著作权人许可，不向其支付报酬！鉴于此，也希望大家按此说明研究软件！

注：本站资源来自网络转载，版权归原作者和公司所有，如果有侵犯到您的权益，请第一时间联系我们处理！

-----------------------------------------------------------------------------------------------------------

一、本站致力于为源码爱好者提供国内外软件开发技术和软件共享，着力为用户提供优资资源。
二、本站提供的源码下载文件为网络共享资源，请于下载后的24小时内删除。如需体验更多乐趣，还请支持正版。
三、如有内容侵犯您的版权或其他利益的，请编辑邮件并加以说明发送到站长邮箱。站长会进行审查之后，情况属实的会在三个工作日内为您删除。
-----------------------------------------------------------------------------------------------------------

内容投诉
源码村资源网 » WordPress教程：添加彩色标签云

源码村长

分享到：

温馨提示

源码村长

发表评论