看到很多博客都有標(biāo)簽聚合的功能,于是花了點(diǎn)兒時(shí)間找了找,在倡萌博客找到了這個(gè)方法
下面和大家共享下
首先復(fù)制一份你博客主題的page.php模板
然后在其頂部加入
<?php
/*
Template Name: Tags
*/
?>
然后將這種顯示正文內(nèi)容的代碼換成調(diào)用tags的代碼
<?php the_content(); ?>
換成
<?php wp_tag_cloud(‘smallest=12&largest=18&unit=px&number=0&orderby=count&order=DESC’);?>
在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(‘|<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);
大功告成,在后臺(tái)新建一個(gè)tags頁(yè)面就可以了
除非注明,胡小易博客文章均為原創(chuàng),轉(zhuǎn)載請(qǐng)以鏈接形式標(biāo)明本文地址
本文地址:http://huxiaoyi.com/website/20120802.html
推薦閱讀
當(dāng)被眾多餐飲企業(yè)追問(wèn)有什么秘訣時(shí),徐記海鮮這家被譽(yù)為國(guó)內(nèi)餐飲業(yè)成本管理最優(yōu)秀企業(yè)負(fù)責(zé)人介紹說(shuō):其實(shí)很簡(jiǎn)單,就是把大家都熟知的餐飲成本管理知識(shí)都執(zhí)行到位,再選擇好的管理工具來(lái)支撐細(xì)節(jié)管理的實(shí)現(xiàn)!知易行難>>>詳細(xì)閱讀
本文標(biāo)題:WordPress 制作彩色標(biāo)簽云頁(yè)面
地址:http://www.xglongwei.com/a/xie/20120803/79481.html