當前位置：主頁 > 網站建設 > wordpress主題開發：給標簽云增加七彩背景色,建站

wordpress主題開發：給標簽云增加七彩背景色,建站

時間:2023-07-23 13:07:23 閱讀: 文章分類: 網站建設作者: IT網站員

導讀:建站技術建站技術wordpress主題開發：給標簽云增加七彩背景色上一篇文章空谷給大家介紹了：給博客增加七彩（彩色）標簽云，這個七彩標簽云跟本篇文章介紹的七彩背景色完全不一樣，網站優化技術網站技術支持。

網站優化技術網站技術支持

wordpress主題開發：給標簽云增加七彩背景色

上一篇文章空谷給大家介紹了：給博客增加七彩（彩dede商城模板色）標簽云，這個七彩標簽云跟本篇文章介紹的七彩背景色完全不一樣，七彩標簽云指的是標簽的本身是七彩的，本篇文章不是標簽而是標簽的背景色是七彩的，有點繞口令，還是看圖說話，本篇要實現的七彩標簽云背景色如圖所示：要實現七彩標簽云背景色代碼也很簡單，代碼如下：

<aside?class="tags"><?php?wp_tag_cloud('smallest=12&largest=12&number=45&order=DESC');??></aside>

把這段代碼放在側邊欄sidebar.php即可（smallest,largest表示字號大小，這里統一大小設置為12，number表示顯示多少個標簽，這里顯示45個，order表示標簽的排序方式，這里設置為降序，即安裝標簽含有的文章數量從多到少排序），同時還要在style.css樣式表文件中加入以下代碼：

.tags {

padding: 12px 13px 10px 15px;

}

.tags a:nth-child(9n) {

background-color: #4A4A4A;

}

.tags a:nth-child(9n+1) {

background-color: #428BCA;

}

.tags a:nth-child(9n+2) {

background-color: #5CB85C; dede手機模板

}

.tags a:nth-child(9n+3) {

background-color: #D9534F;

}

.tags a:nth-child(9n+4) {

background-color: #567E95;

}

.tags a:nth-child(9n+5) {

background-color: #B433FF;

}

.tags a:nth-child(9n+6) {

background-color: #00ABA9;

}

.tags a:nth-child(9n+7) {

background-color: #B37333;

關鍵詞標簽: 建站標簽背景色

聲明: 本文由我的SEOUC技術文章主頁發布于:2023-07-23 ，文章wordpress主題開發：給標簽云增加七彩背景色,建站主要講述背景色,標簽,建站網站建設源碼以及服務器配置搭建相關技術文章。轉載請保留鏈接: http://www.bifwcx.com/article/web_35723.html