女武神的终末第三季免费观看,国产精品va无码二区,欧美日韩在线视频观看,国产在线观看网站

WordPress添加彩色標簽云

2015-01-11 wordpress教程
  • 文章介紹
  • 快速入門
  • 評價&建議

標簽云是很多WordPress主題都有的一個主題元素,今天就講講如何為你的主題添加彩色標簽云,包括邊欄調用和頁面調用。

1.調用標簽云

我們可以使用 wp_tag_cloud() 函數實現標簽云的調用。比如下面的樣例:

  1. <?php?wp_tag_cloud('smallest=12&largest=18&unit=px&number=0&orderby=count&order=DESC');?>

代碼注釋:

smallest表示標簽的最小字號

largest表示最大字號

unit=px表示字體使用像素單位

number=0表示顯示所有標簽,如果為40,表示顯示40個

orderby=count表示按照標簽所關聯的文章數來排列

order=DESC表示降序排序(ASC表示升序排序,DESC表示降序排序)

更多 wp_tag_cloud() 參數,請參考 WordPress文檔 wp tag cloud

2.添加彩色功能

根據上面的參數,你已經可以調用出標簽云了,將下面的代碼添加到主題的 functions.php 的最后一個 ?> 前面即可實現彩色:

  1. //邊欄彩色標簽
  2. function?colorCloud($text)?{
  3. ????$text?=?preg_replace_callback('|<a?(.+?)>|i','colorCloudCallback',?$text);
  4. ????return?$text;
  5. }
  6. function?colorCloudCallback($matches)?{
  7. ????$text?=?$matches[1];
  8. ????$color?=?dechex(rand(0,16777215));
  9. ????$pattern?=?'/style=('|”)(.*)('|”)/i';
  10. ????$text?=?preg_replace($pattern,?"style="color:#{$color};$2;"",?$text);
  11. ????return?"<a?$text>";
  12. }
  13. add_filter('wp_tag_cloud',?'colorCloud',?1);

3.制作標簽云頁面

你可以看看主題貓的標簽云頁面:http://www.ggzyzj.com/tags

1)復制你主題的 page.php 文件,在該文件的頂部添加:

  1. <?php
  2. /*
  3. Template?Name:?Tags
  4. */
  5. ?>

2)使用下面的代碼替換page.php中的

  1. <?php?wp_tag_cloud('smallest=12&largest=18&unit=px&number=0&orderby=count&order=DESC');?>

3)該頁面一般不需要評論功能,刪除 page.php 中下面的代碼:

  1. <?php?if?(comments_open())?comments_template(?'',?true?);??>

4)你還可以根據自己的需要,刪除page.php中的某些功能,最后將該文件另存為 page-tags.php ,這樣,一個標簽云模板就做好了。

5)訪問 WP后臺-頁面-新建頁面,頁面名稱自己填,只需要在 頁面屬性 中,選擇 tags 模板即可:

20150111172751

4.邊欄中調用標簽云

你可以使用下面的函數調用,具體的修改方法,就靠你自己折騰主題了:

  1. <?php?wp_tag_cloud('smallest=12&largest=18&unit=px&number=20');?>

不過,一般制作比較規范的WordPress主題,都支持 Widget小工具,你可以在 WP后臺-外觀-小工具 中查看是否支持 標簽云小工具。

說明:本文只是告訴你如何實現彩色標簽云,以及如何調用。但是具體的樣式,就要靠你自己通過CSS代碼實現了。

0 0

企業建站推薦正版商業主題,國內專業團隊開發,完善售后,是您不二選擇。

正版主題商店

主題貓WP建站,累計幫助1300+客戶成功建站,為站長提供支持!

立刻開啟你的建站之旅
QQ在線客服

服務熱線

wordpress建站咨詢