WordPress 隨機彩色標簽的實現方法

按照芒果首頁現在的實現方式，隨機彩色其實很容易。先來按照常理輸出標簽列表的代碼：

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

首先，使用獲取標簽列表對象：

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

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

<?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) 函數產生數字 1~5，則每一個標簽的標記可以使用諸如 tag-1 的樣式。

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

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

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

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

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈