前面361源碼給大家介紹過《織夢dedecms多彩彩色標簽云(tag)隨機顏色和字體實現辦法》,幫助和影響不了不少童鞋,這不群里有些是用WordPress建站的盆友坐不住了,一直在追問361源碼,WordPress該如何添加彩色標簽云?今天361源碼就抽點時間給大家介紹下:WordPress添加彩色標簽云教程。在此之前要給大家稍微說下,群里很多問題361源碼一直都在關注和處理之中,每個問題我們都爭取給大家做個小教程,所有請大家不要著急,我們一直在努力。廢話不多說了,下面開始教程。
標簽云是很多WordPress主題都有的一個主題元素,今天就講講如何為你的主題添加彩色標簽云,包括邊欄調用和頁面調用。
我們可以使用 wp_tag_cloud() 函數實現標簽云的調用。比如下面的樣例:
<?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
根據上面的參數,你已經可以調用出標簽云了,將下面的代碼添加到wordpress企業主題的 functions.php 的最后一個 ?> 前面即可實現彩色:
//邊欄彩色標簽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);
1)復制你主題的 page.php 文件,在該文件的頂部添加:
<?php/*Template Name: Tags*/?>
2)使用下面的代碼替換page.php中的 :
<?php wp_tag_cloud('smallest=12&largest=18&unit=px&number=0&orderby=count&order=DESC');?>
3)該頁面一般不需要評論功能,刪除 page.php 中下面的代碼:
<?php if (comments_open()) comments_template( '', true ); ?>
4)你還可以根據自己的需要,刪除page.php中的某些功能,最后將該文件另存為 page-tags.php ,這樣,一個標簽云模板就做好了。
5)訪問 WP后臺-頁面-新建頁面,頁面名稱自己填,只需要在 頁面屬性 中,選擇 tags 模板即可:
你可以使用下面的函數調用,具體的修改方法,就靠你自己折騰主題了:
<?php wp_tag_cloud('smallest=12&largest=18&unit=px&number=20');?>
不過,一般制作比較規范的WordPress主題,都支持 Widget小工具,你可以在 WP后臺-外觀-小工具 中查看是否支持 標簽云小工具。
說明:本文只是告訴你如何實現彩色標簽云,以及如何調用。但是具體的樣式,就要靠你自己通過CSS代碼實現了。
好了,樣式大家也可以參看《jQuery實現刷新隨機顯示標簽云效果代碼》中標簽云的樣式,或者參看前面織夢標簽云的樣式書寫就可以了。
以上就是WordPress添加彩色標簽云教程的全部內容,希望對大家的學習和解決疑問有所幫助,也希望大家多多支持武林網。新聞熱點
疑難解答
圖片精選