默認方式的 WordPress 標簽云,由于滿街都是同一風格,是否覺得些許枯燥了?有沒有考慮來點與眾不同的?當然,本文不談標簽插件,雖然有很多標簽插件非常優秀,簡潔主義者通常盡量少用插件。以下是通過幾個簡單步驟,不使用插件即可實現熱門標簽排行榜效果。
以下開始介紹全部步驟,寫得太過詳細,其實操作簡單,只需要留意藍色字體處即可。
第一步:定制 CSS
在 style.css 中加入以下幾行以控制 wp-tag-cloud 的顯示風格(僅供參考):
- .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: 修改成控制標簽背景寬度 style='width:,以及去掉了一些多余的東西。另外就是在423行加入了一點點內容,讓標簽數目直接顯示出來。這三行修改后如下:
$a[] = "$tag ($count)";
第三步:在 sidebar 適當位置調用標簽
此處調用方式比默認調用方式增加了一些參數值,示例如下(只需留意藍色字體代碼):
熱門標簽排行榜
以上就完成了,其中第三步的調用參數意義說明如下:
1)smallest 與 largest 原來的作用是最小與最大字體大小,現在變成了最小與最大寬度值;
2)unit=px,是單位,使用了 px;
3)number=20,是調用標簽的數量,此處是調用20個,可以任意設定(不宜太多或太少);
4)format=list,以列表方式顯示標簽;
5)orderby=count,以標簽統計次數來排序;
6)order=DESC,以倒序顯示(最熱的標簽在前,最冷的標簽在后)。
另一種方式:
可能有人會對第二步(修改 category-template 文件)有所顧慮,于是,可以有另一種方式:
此方式的調用方式也有所不同,不控制寬度值,把最小與最大字體都設置為12號字:
|
新聞熱點
疑難解答
圖片精選