看到很多博客都有標(biāo)簽聚合的功能,于是花了點(diǎn)兒時(shí)間找了找,在倡萌博客找到了這個(gè)方法,
WordPress 制作彩色標(biāo)簽云頁(yè)面
。下面和大家共享下:
首先復(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; }
打開(kāi)主題中的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);
大功告成,在后臺(tái)新建一個(gè)tags頁(yè)面就可以了,
電腦資料
《WordPress 制作彩色標(biāo)簽云頁(yè)面》(http://www.lotusphilosophies.com)。除非注明,胡小易博客文章均為原創(chuàng),轉(zhuǎn)載請(qǐng)以鏈接形式標(biāo)明本文地址