默認(rèn)方式的 WordPress 標(biāo)簽云,由于滿街都是同一風(fēng)格,是否覺得些許枯燥了?有沒有考慮來點(diǎn)與眾不同的?當(dāng)然,本文不談標(biāo)簽插件,雖然有很多標(biāo)簽插件非常優(yōu)秀,簡潔主義者通常盡量少用插件。以下是通過幾個簡單步驟,不使用插件即可實(shí)現(xiàn)熱門標(biāo)簽排行榜效果。
以下開始介紹全部步驟,寫得太過詳細(xì),其實(shí)操作簡單,只需要留意藍(lán)色字體處即可。
第一步:定制 CSS
在 style.css 中加入以下幾行以控制 wp-tag-cloud 的顯示風(fēng)格(僅供參考):
- .wp-tag-cloud li{font-size:12px;list-style:none;border-bottom:2px solid #FFF}
- .wp-tag-cloud li a{background:#eef5e1;color:#5AAD0C;display:block;line-height:14px;padding:2px 0px 2px 10px}
- .wp-tag-cloud li a:hover{background:#e4efd5;color:#5AAD0C;text-decoration:none}
第二步:修改 category-template 文件
該文件 category-template.php 位于 wp-includes 目錄下,修改前建議先備份一下。
找到第421~423行,這三行代碼修改之前是這樣的:
- $a[] = "
- ( $smallest ( ( $count - $min_count ) * $font_step ) )
- . "$unit;'>$tag";
只修改第421行與第423行(422行不必改動),主要是把控制字體大小 style='font-size: 修改成控制標(biāo)簽背景寬度 style='width:,以及去掉了一些多余的東西。另外就是在423行加入了一點(diǎn)點(diǎn)內(nèi)容,讓標(biāo)簽數(shù)目直接顯示出來。這三行修改后如下:
$a[] = "$tag ($count)";
第三步:在 sidebar 適當(dāng)位置調(diào)用標(biāo)簽
此處調(diào)用方式比默認(rèn)調(diào)用方式增加了一些參數(shù)值,示例如下(只需留意藍(lán)色字體代碼):
熱門標(biāo)簽排行榜
以上就完成了,其中第三步的調(diào)用參數(shù)意義說明如下:
1)smallest 與 largest 原來的作用是最小與最大字體大小,現(xiàn)在變成了最小與最大寬度值;
2)unit=px,是單位,使用了 px;
3)number=20,是調(diào)用標(biāo)簽的數(shù)量,此處是調(diào)用20個,可以任意設(shè)定(不宜太多或太少);
4)format=list,以列表方式顯示標(biāo)簽;
5)orderby=count,以標(biāo)簽統(tǒng)計(jì)次數(shù)來排序;
6)order=DESC,以倒序顯示(最熱的標(biāo)簽在前,最冷的標(biāo)簽在后)。
另一種方式:
可能有人會對第二步(修改 category-template 文件)有所顧慮,于是,可以有另一種方式:
此方式的調(diào)用方式也有所不同,不控制寬度值,把最小與最大字體都設(shè)置為12號字:
新聞熱點(diǎn)
疑難解答
圖片精選