wordpress 自帶有標(biāo)簽云功能,在儀表盤中的小工具中直接添加就可以了?？墒悄J(rèn)的顯示,有很多朋友不太喜歡。我也很不喜歡,顏色一樣,字體大小相差太遠(yuǎn),排序看起來沒有規(guī)則(默認(rèn)是按字母升序排列,但對(duì)于中文博客來說不太實(shí)用。)

下面就介紹一下,如何不用插件,實(shí)現(xiàn)彩色標(biāo)簽云,字體大小相差不多,排序按標(biāo)簽所包含的文章數(shù)量降序排列。就是本博客的右邊的彩色標(biāo)簽云風(fēng)格,如果你不喜歡這種風(fēng)格話,本文也會(huì)介紹如何按照你喜歡的風(fēng)格來調(diào)整。

第一步:實(shí)現(xiàn)wordpress彩色標(biāo)簽云。

在你的主題文件夾中 functions.php 文件中加入以下代碼:(位置隨便但不能插到別的模塊里去 )

//Color Tag Cloud
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);代碼中

$color = dechex(rand(0,16777215));作用是定義標(biāo)簽隨機(jī)顏色的十進(jìn)制數(shù)值范圍,0 等于 #000000,16777215 等于 #ffffff,你也可以重定義標(biāo)簽云顯示的顏色范圍,只要查找出相應(yīng)顏色的十六進(jìn)制轉(zhuǎn)換為相應(yīng)的十進(jìn)制就可以了。

第二步:修改wordpress標(biāo)簽云字體大小,排序順序,顯示數(shù)量等。

接下來,要修改 wordpress 程序用來控制顯示標(biāo)云的函數(shù) wp_tag_cloud()

該函數(shù)位置在 wp-includescategory-template.php 文件中,搜索 wp_tag_cloud 找到相關(guān)參數(shù)進(jìn)行修改。

找到默認(rèn)的 wp_tag_cloud() 函數(shù)如下所示的位置:

function wp_tag_cloud( $args = '' ) {
$defaults = array(
'smallest' => 8, 'largest' => 22, 'unit' => 'pt', 'number' => 45,
'format' => 'flat', 'separator' => "n", 'orderby' => 'name', 'order' => 'ASC',
'exclude' => '', 'include' => '', 'link' => 'view', 'taxonomy' => 'post_tag', 'echo' => true
);
wp_tag_cloud() 函數(shù)參數(shù)解釋:(主要改動(dòng)這兩行代碼,其它不需要理會(huì))

'smallest' => 8, 'largest' => 22, 'unit' => 'pt', 'number' => 45,
'format' => 'flat', 'separator' => "n", 'orderby' => 'name', 'order' => 'ASC',
wp_tag_cloud() 函數(shù)參數(shù)使用舉例:

修改成以下樣式,顯示效果就是本博客的標(biāo)簽云樣式。

'smallest' => 10, 'largest' => 14, 'unit' => 'pt', 'number' => 80,
'format' => 'flat', 'separator' => "n", 'orderby' => 'count', 'order' => 'DESC',
smallest :設(shè)置標(biāo)簽云中顯示的所有標(biāo)簽中,計(jì)數(shù)最少(最少文章使用)的標(biāo)簽字體大小,默認(rèn)值為 8pt 。

largest :設(shè)置標(biāo)簽云的所有標(biāo)簽中,計(jì)數(shù)最多(最多文章使用)的標(biāo)簽的字體大小,默認(rèn)值為22pt。

unit:標(biāo)簽文字字號(hào)的單位,默認(rèn)為pt,可以為px、em、pt、百分比等;

number :設(shè)置標(biāo)簽云中顯示的最多標(biāo)簽數(shù)量,默認(rèn)值為45個(gè),設(shè)置為”0″則調(diào)用所有標(biāo)簽;

format:調(diào)用標(biāo)簽的格式,可選”flat”、”list”和”array”,默認(rèn)為”flat”平鋪,”list”為列表方式;

separator:(字符串)(可選)標(biāo)簽之間的文本/空格。默認(rèn)值:’/n’ (空格);

orderby :設(shè)置標(biāo)簽云中標(biāo)簽的排序方式,默認(rèn)值為”name”按名稱排序。如果設(shè)置成”count”則按關(guān)聯(lián)的文章數(shù)量排列;

order:排序方式,默認(rèn)為”ASC”按正序,”DESC”按倒序,”RAND”按任意順序;

exclude:排除部分標(biāo)簽,輸入標(biāo)簽ID,并以逗號(hào)分隔,如”exclude=1,3,5,7″不顯示ID為1、3、5、7的標(biāo)簽;

include :包含標(biāo)簽,與exclude用法一樣,作用相反,如”include=2,4,6,8″則只顯示ID為2、4、6、8的標(biāo)簽;

link 字符串)(可選)設(shè)置鏈接,允許編輯某個(gè)指定標(biāo)簽。有效值包括:’view’ (默認(rèn)值)、 ‘edit’ ;

taxonomy 字符串)(可選)用以生成云的分類法。’post_tag’將文章標(biāo)簽當(dāng)作云的來源(默認(rèn)值) 、’category’ 用文章分類生成云 、’link_category’用鏈接分類目錄生成云;

echo 布爾型)(可選)顯示結(jié)果,或?qū)⒔Y(jié)果保留在變量中。默認(rèn)值為true(顯示標(biāo)簽云)。有效值包括:1 (true) 默認(rèn)值 、0 (false) 。

提醒:以上標(biāo)簽參數(shù)皆可選,可自由搭配使用。

第三步:wordpress彩色標(biāo)簽云小工具調(diào)用。

修改完成后,直接在儀表盤的”外觀—>小工具”中把”標(biāo)簽云”小工具拖動(dòng)到右側(cè)小工具中就可以了。

也可以在主題文件夾中的 sidebar.php 添加下面這行代碼調(diào)用。

<?php wp_tag_cloud('smallest=10&largest=14&number=80'); ?>這三個(gè)參數(shù)上面都解釋過了,這里不多說了。