前面361源碼給大家介紹過《織夢(mèng)dedecms多彩彩色標(biāo)簽云(tag)隨機(jī)顏色和字體實(shí)現(xiàn)辦法》,幫助和影響不了不少童鞋,這不群里有些是用WordPress建站的盆友坐不住了,一直在追問361源碼,WordPress該如何添加彩色標(biāo)簽云?今天361源碼就抽點(diǎn)時(shí)間給大家介紹下:WordPress添加彩色標(biāo)簽云教程。在此之前要給大家稍微說下,群里很多問題361源碼一直都在關(guān)注和處理之中,每個(gè)問題我們都爭(zhēng)取給大家做個(gè)小教程,所有請(qǐng)大家不要著急,我們一直在努力。廢話不多說了,下面開始教程。
標(biāo)簽云是很多WordPress主題都有的一個(gè)主題元素,今天就講講如何為你的主題添加彩色標(biāo)簽云,包括邊欄調(diào)用和頁面調(diào)用。
我們可以使用 wp_tag_cloud() 函數(shù)實(shí)現(xiàn)標(biāo)簽云的調(diào)用。比如下面的樣例:
<?php wp_tag_cloud('smallest=12&largest=18&unit=px&number=0&orderby=count&order=DESC');?>代碼注釋:
smallest表示標(biāo)簽的最小字號(hào)
largest表示最大字號(hào)
unit=px表示字體使用像素單位
number=0表示顯示所有標(biāo)簽,如果為40,表示顯示40個(gè)
orderby=count表示按照標(biāo)簽所關(guān)聯(lián)的文章數(shù)來排列
order=DESC表示降序排序(ASC表示升序排序,DESC表示降序排序)
更多 wp_tag_cloud() 參數(shù),請(qǐng)參考 WordPress文檔 wp tag cloud
根據(jù)上面的參數(shù),你已經(jīng)可以調(diào)用出標(biāo)簽云了,將下面的代碼添加到wordpress企業(yè)主題的 functions.php 的最后一個(gè) ?> 前面即可實(shí)現(xiàn)彩色:
//邊欄彩色標(biāo)簽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)復(fù)制你主題的 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)該頁面一般不需要評(píng)論功能,刪除 page.php 中下面的代碼:
<?php if (comments_open()) comments_template( '', true ); ?>
4)你還可以根據(jù)自己的需要,刪除page.php中的某些功能,最后將該文件另存為 page-tags.php ,這樣,一個(gè)標(biāo)簽云模板就做好了。
5)訪問 WP后臺(tái)-頁面-新建頁面,頁面名稱自己填,只需要在 頁面屬性 中,選擇 tags 模板即可:

你可以使用下面的函數(shù)調(diào)用,具體的修改方法,就靠你自己折騰主題了:
<?php wp_tag_cloud('smallest=12&largest=18&unit=px&number=20');?>不過,一般制作比較規(guī)范的WordPress主題,都支持 Widget小工具,你可以在 WP后臺(tái)-外觀-小工具 中查看是否支持 標(biāo)簽云小工具。
說明:本文只是告訴你如何實(shí)現(xiàn)彩色標(biāo)簽云,以及如何調(diào)用。但是具體的樣式,就要靠你自己通過CSS代碼實(shí)現(xiàn)了。
好了,樣式大家也可以參看《jQuery實(shí)現(xiàn)刷新隨機(jī)顯示標(biāo)簽云效果代碼》中標(biāo)簽云的樣式,或者參看前面織夢(mèng)標(biāo)簽云的樣式書寫就可以了。
以上就是WordPress添加彩色標(biāo)簽云教程的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)和解決疑問有所幫助,也希望大家多多支持武林網(wǎng)。新聞熱點(diǎn)
疑難解答
圖片精選