How to change header’s background color in specific page? 如何在不同頁面更換不同背景

我想要在同一個部落格上面做出不同風格的文章內容,我想要讓人家知道當他點到不同頁面的時候,他很容易地分辨是進到別的區域,是有區隔的。那該怎麼做?

比如說,我的部落格主題是講旅遊美食的,然後我想要新增可能是健身這樣的題材,不替換主題背景/顏色的情況下,我主要的顏色可能是紫色,那個健身的主題我想換個藍色的頁面(有點進入子網站的錯覺),首先我要先知道頁面的ID是什麼

找ID的方式是

頁面→全部頁面→找到要更改的→按編輯→再點一下網址列

005

找到此頁面的ID是 7851

那我就可以在外觀→佈景主題→自訂→附加的CSS 直接做增加

.page-id-數字 .site-header-main {background-color: skyblue; }

記得頁尾也要改一下

.page-id-數字 .site-footer-buttom {background-color:skyblue; }
004

就會變得像我現在這樣。但我還是維持原來的紫色,只有當你點到愛自己的時候才會變成比較亮的粉紅色~

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *