WordPress 制作彩色標(biāo)簽云頁面 -電腦資料

看到很多博客都有標(biāo)簽聚合的功能，于是花了點(diǎn)兒時間找了找，在倡萌博客找到了這個方法，

WordPress 制作彩色標(biāo)簽云頁面

下面和大家共享下：

首先復(fù)制一份你博客主題的page.php模板

然后在其頂部加入

/*
Template Name: Tags
*/
?>

然后將這種顯示正文內(nèi)容的代碼換成調(diào)用tags的代碼

換成

在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文件，在最末端的 ?>前面添加下面的代碼，就可以實(shí)現(xiàn)彩色標(biāo)簽云了：

;
function colorCloud($text) {
$text = preg_replace_callback(‘||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 “”;
}
add_filter(‘wp_tag_cloud’, ‘colorCloud’, 1);

大功告成，在后臺新建一個tags頁面就可以了，

電腦資料

除非注明，胡小易博客文章均為原創(chuàng)，轉(zhuǎn)載請以鏈接形式標(biāo)明本文地址