更改頁眉和頁腳Clean Retina WordPress主題中的背景顏色

Question

Clean Retina支持自定義背景功能。

轉到外觀->標頭。 您可以將圖像或顏色設置為背景。 您可以在同一設置頁面上查看背景預覽。 單擊保存更改。 注意：背景效果只會更改內容部分，而不會更改頁眉和頁腳部分。 如果您還希望更改也反映在頁眉和頁腳中，請在外觀->主題選項->設計選項->自定義CSS輸入字段中編寫自定義CSS，以隱藏頁眉和頁腳模式。 並保存更改。

好吧，這就是我想要做的，更改頁眉和頁腳背景的顏色。 我沒有使用CSS的經驗，一直在Internet上搜索並嘗試了許多不同的代碼，但都沒有用。

Answer 1

如果您使用的是庫存，則按您的帖子，我認為您需要添加以下內容。

#branding{background-color:blue;}
#colophon{background-color:blue;}

您必須確保同時刪除這兩個選項的當前背景CSS，它們都應用了圖片，將隱藏背景顏色。 如果這不起作用，或者您無法訪問樣式表以刪除這些屬性，則只需使用background屬性並覆蓋層次結構中的當前屬性，如下所示：

#branding{background:blue;}
#colophon{background:blue;}

顯然選擇自己的顏色。

Answer 2

我從您的問題中猜測您是Web設計的新手，所以我將嘗試盡可能簡單地進行解釋。

HTML頁面由諸如<div> ， <span> ， <p>等元素 （或標簽 ）構建。 大多數元素必須具有一個開始標記（例如<div> ）和一個結束標記（通常包含一個斜杠，例如</div> ）。 這些標簽之間的信息就是元素的內容，可以是任意數量的其他元素，也可以只是文本。

元素可以具有類或ID ，CSS會使用這些類或ID來標識您要更改頁面的“外觀”的部分（以及用作Javascript的鈎子或鏈接的錨點，但是我們不會現在進入）。

一個類 （例如<div class="someClass">...</div> ）可以在同一頁面上多次使用，並且在CSS中以句點（ . ）作為前綴。 您為該類編寫的所有CSS規則都將應用於該類的每個實例。 例如：

<style type="text/css">
    .someClass {
        color: red;
    }
</style>

<div class="someClass">Content</div>
<div class="anotherClass">Content</div>
<div class="someClass">Content</div>

該代碼將把文本的第一個和最后一個<div>變為紅色。

ID在頁面上被設計為唯一。 這些在CSS中以井號（ # ）開頭。

例如：

<style type="text/css">
    .someClass {
        color: red;
    }

    #myId {
        color: green;
    }
</style>

<div class="someClass" id="myId">Content</div>
<div class="anotherClass">Content</div>
<div class="someClass">Content</div>

將導致第一個<div>的文本為綠色，因為ID比類更“重要”，並且#myId的CSS出現在.someClass聲明之后（樣式表下方的規則將這些內容進一步覆蓋（如果重要性級別相同）。 例如：

<style type="text/css">
    .someClass {
        color: red;
    }

    .someClass {
        color: black;
    }
</style>

<div class="someClass" id="myId">Content</div>
<div class="anotherClass">Content</div>
<div class="someClass">Content</div>

當我們覆蓋第一個聲明時，第一個和最后一個<div>的文本將變為黑色。

現在！ 關於您的特定問題。

您需要做的是找出主題的頁眉和頁腳的ID是什么（如果它們是#header和#footer我不會感到驚訝）。 然后，您需要在CSS文件中做的就是：

#headerId {
    background-color: yourColour;
}

#footerId {
    background-color: yourColour;
}

（其中#headerId和#footerId是頁眉和頁腳的ID ， yourColour是所選顏色的十六進制代碼（或純文本名稱）。）

希望這可以幫助...