導讀:cms教程cms教程 在 WordPress 博客系統中，使用標簽組織歸類文章是極為有效的方式。為了給予用戶強大的視覺沖擊力，強調標簽的重要性是 WordPress 主題設計的一個網站建設教程網seo優化趨勢。

在 WordPress 博客系統中，使用標簽組織歸類文章是極為有效的方式。為了給予用戶強大的視覺沖擊力，強調標簽的重要性是 WordPress 主題設計的一個基本要素。這個自我感覺還不錯的效果之前也有讀者詢問過，現在做個 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><a href="'.get_ta網站建設g_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{bac公司網站建設kground:green;}

當然，如果你不想輸出太多顏色限制，還有一個輸出隨機背景色的方法：

<?php echo '<li style="background:rgb(seo網站優化軟件255,0,0);">笨貓 - www.nbmao.com</li>'; ?>

實現的方法其實是和第一種一致的，有興趣可以嘗試第二種。

相關網站建設教程網seo優化趨勢。

關鍵詞標簽: WordPress CSS tag