WordPress添加彩色標(biāo)簽云

標(biāo)簽云是很多WordPress主題都有的一個(gè)主題元素，今天倡萌就講講如何為你的主題添加彩色標(biāo)簽云，包括邊欄調(diào)用和頁(yè)面調(diào)用。

1.調(diào)用標(biāo)簽云

我們可以使用 wp_tag_cloud() 函數(shù)實(shí)現(xiàn)標(biāo)簽云的調(diào)用。比如下面的樣例：

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

代碼注釋：

smallest表示標(biāo)簽的最小字號(hào)

largest表示最大字號(hào)

unit=px表示字體使用像素單位

number=0表示顯示所有標(biāo)簽，如果為40，表示顯示40個(gè)

orderby=count表示按照標(biāo)簽所關(guān)聯(lián)的文章數(shù)來排列

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

更多 wp_tag_cloud() 參數(shù)，請(qǐng)參考 WordPress文檔 wp tag cloud

2.添加彩色功能

根據(jù)上面的參數(shù)，你已經(jīng)可以調(diào)用出標(biāo)簽云了，將下面的代碼添加到主題的 functions.php 的最后一個(gè) ?> 前面即可實(shí)現(xiàn)彩色：

//邊欄彩色標(biāo)簽
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.制作標(biāo)簽云頁(yè)面

你可以看看WordPress大學(xué)的標(biāo)簽云頁(yè)面：http://www.ydqwiac.cn/tags

1)復(fù)制你主題的 page.php 文件，在該文件的頂部添加：

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

2)使用下面的代碼替換page.php中的 <?php the_content(); ?> ：

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

3)該頁(yè)面一般不需要評(píng)論功能，刪除 page.php 中下面的代碼：

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

4)你還可以根據(jù)自己的需要，刪除page.php中的某些功能，最后將該文件另存為 page-tags.php ，這樣，一個(gè)標(biāo)簽云模板就做好了。

5)訪問 WP后臺(tái)-頁(yè)面-新建頁(yè)面，頁(yè)面名稱自己填，只需要在 頁(yè)面屬性 中，選擇 tags 模板即可：

4.邊欄中調(diào)用標(biāo)簽云

你可以使用下面的函數(shù)調(diào)用，具體的修改方法，就靠你自己折騰主題了：

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

不過，一般制作比較規(guī)范的WordPress主題，都支持 Widget小工具，你可以在 WP后臺(tái)-外觀-小工具 中查看是否支持 標(biāo)簽云小工具。

說明：本文只是告訴你如何實(shí)現(xiàn)彩色標(biāo)簽云，以及如何調(diào)用。但是具體的樣式，就要靠你自己通過CSS代碼實(shí)現(xiàn)了。