WordPress 隨機(jī)彩色標(biāo)簽的實(shí)現(xiàn)方法

按照芒果首頁現(xiàn)在的實(shí)現(xiàn)方式，隨機(jī)彩色其實(shí)很容易。先來按照常理輸出標(biāo)簽列表的代碼：

<?php wp_tag_cloud(); ?>如果為標(biāo)簽添加背景色，就需要為每個標(biāo)簽元素設(shè)置 CSS 類來定義其樣式。

首先，使用獲取標(biāo)簽列表對象：

$tags = get_the_tags();然后，使用 foreach 函數(shù)遍歷標(biāo)簽列表，循環(huán)輸出標(biāo)簽名稱和鏈接地址等信息，代碼如下：

foreach($tags as $tag) echo '<a href="'.get_tag_link($tag -> term_id).'">'.$tag -> name.'</a>'; ?>完整的隨機(jī)背景顏色代碼為：

<?php $tags = get_the_tags(); foreach($tags as $tag) echo '
<li class="tag-'.rand(1, 5).'"><a href="'.get_tag_link($tag -> term_id).'">'.$tag -> name.'</a></li>'; ?>注意到其中的 rand(1, 5) 函數(shù)產(chǎn)生數(shù)字 1~5，則每一個標(biāo)簽的標(biāo)記可以使用諸如 tag-1 的樣式。

最后通過 CSS 定義 tag-1 至 tag-5 五個不同背景顏色的樣式即可：

.tag-1{background:red;}
.tag-2{background:blue;}
...
.tag-5{background:green;}當(dāng)然，如果你不想輸出太多顏色限制，還有一個輸出隨機(jī)背景色的方法：

<?php echo '<li style="background:rgb(255,0,0);">芒果 - www.mangguo.org</li>'; ?>實(shí)現(xiàn)的方法其實(shí)是和第一種一致的，有興趣可以嘗試第二種。

出處：http://www.mangguo.org

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈