如何在 WordPress 中更改背景顏色
已發表: 2021-08-09網站訪問者首先註意到的一件事就是它的背景。 有時,它只是一種簡單的顏色,但它也可以是圖像或任何其他視覺材料的組合。 除了第一印象之外,它也是優質設計的要素之一。 無論好壞,它都會反映你的品牌、風格、可讀性,甚至是專業性本身。 這就是為什麼決定 WordPress 中的背景顏色通常是首要的設計選擇之一。 問題是有這麼多的主題,有很多不同的自定義選項。 有些允許您當場更改所有內容,而另一些則提供稀缺且有限的選擇。
在 WordPress 中更改背景顏色的幾種方法
正如您可能假設的那樣,只需一點編碼知識就可以完成所有事情。 然而,並不是每個使用 WordPress 的人都是專業的編程人員。 大多數普通用戶需要對初學者友好的解決方案來自定義他們的頁面。 其中,更改 WordPress 中的背景顏色是常見問題之一。 當然,您始終可以依靠專業的 WordPress 網站維護幫助來幫助您構建任何元素並完成您的網站設計。 但是,如果這不是您的選擇,您可以嘗試不同的方法來個性化您的網站。

然而,事情並不總是那麼簡單。 您必須做出的第一個決定是您想要的背景類型。 您可以選擇甚至組合的熱門選項很少:
- 您可以選擇簡單的顏色或任何顏色組合
- 將一種或多種顏色組合成漸變
- 將 image/s 作為背景
- 改用視頻
一旦您決定是否要簡單地更改 WordPress 中的背景顏色,或者使用更複雜的選項,是時候發現一些應用自定義的方法了:
- 如果您的主題支持自定義背景
- 您可以嘗試使用簡單的代碼
- 使用插件更改 WordPress 中的背景顏色
- 使用高級工具自定義一切
1.如果您的主題支持自定義背景
在大多數情況下,您可以通過轉到外觀 > 自定義輕鬆檢查您的主題支持的選項。 在那裡,您將能夠看到允許哪些自定義選項。 有時您可以選擇顏色、背景圖像、顏色和深色模式、顏色和背景等。 這真的取決於主題。 如果它確實支持它,您可以簡單地選擇所需的報價並進行進一步的定制。
找到更改背景顏色的適當選項後,只需單擊並探索一個非常直觀的界面。 通常,您將獲得一些默認顏色選項供您選擇。 但是,附近總是有“選擇調色板”選項。 或者,您可以簡單地輸入任何顏色的十六進制代碼。

除了顏色之外,一些主題還為您提供了放置圖像和其他視覺效果的選項。 從這裡,您將被要求將背景圖像上傳到您的媒體庫並直接選擇它。 此外,您可以設置它的位置、重複、底層或覆蓋顏色等等。

2.可以嘗試使用簡單的代碼
如果您對 CSS 有點熟悉,您可以通過添加自定義代碼來進行簡單的自定義。 沒什麼太高級的,尤其是設置背景顏色。 只需轉到外觀 > 自定義,選擇“附加 CSS” ,然後輸入下一行代碼:
.body { background-color: #fff; }
在這裡,“#fff”可以是您選擇的顏色的任何十六進制代碼。 一般來說,您可以使用任何顏色選擇器工具輕鬆找到顏色代碼。 但是,這可能並非在所有主題中都有效或不允許。
3. 使用插件更改 WordPress 中的背景顏色
網站起源 CSS
如果其他選項沒有給出結果,您可以隨時使用插件來完成工作。 WordPress 插件,如 SiteOrigin CSS,是強大的工具,可以讓您重新控制自定義。 具體來說,這個插件允許您輕鬆地編輯背景顏色,並實時檢查它的外觀。 這基本上是大多數初學者需要的。 如果您是高級用戶,您會喜歡它在調整 CSS 代碼時的自動完成功能。 此外,它的“檢查器”可以幫助您立即找到您可能需要的任何選擇器。
最好的部分,SiteOrigin CSS 是一個適用於任何主題的免費插件。
AWB – 高級 WordPress 背景
當您需要的不僅僅是更改背景顏色時,AWB 是一個簡單而有效的插件,可為您的網站佈局增添一點優勢。 除了經典選項外,AWB 還允許您使用更複雜的背景解決方案,例如:
- 視差背景
- 鼠標視差
- 模式
- 各種圖像格式
- 用透明度覆蓋顏色
- 各種不同的視頻格式,包括自託管和來自在線資源
此外,您可以使用其可視化簡碼生成器來簡化流程。 而且,如果您更喜歡一些流行的 WP 構建器或 Gutenberg,它可以與它們完美配合。
4.使用高級工具自定義一切

當以上都不夠,你需要一個更“健壯”的解決方案時,有一個名為 CSS Hero 的非常高級的插件。 它更像是一個完整的定制系統,展示了所見即所得界面的有效性。 基本上,它代表“所見即所得”的原則。 CSS Hero 是一個開箱即用的插件,提供與大多數主題和其他插件的兼容性。 在實踐中,您可以簡單地單擊任何元素並更改其屬性,例如顏色、背景、字體等等,沒有任何麻煩。 由於其實時預覽,您所做的每項更改都會立即可見。
儘管功能強大,但作為輕量級插件是 CSS Hero 的最大特點。 最重要的是,您所做的任何更改都不會修改主題文件。 完成工作後,您可以輕鬆卸載它,而不會破壞您的網站。 唯一的缺點是它是一個需要付費訂閱的高級插件。
結論
當您想在 WordPress 中更改背景顏色時,有時它還不夠簡單。 雖然有時可以使用默認的 WordPress 自定義選項,但並非總是如此。 在某些情況下,擁有一些編碼知識可以幫助您快速找到解決方案。 但是,由於它是 WordPress 最好的功能之一,插件可以幫助您完成幾乎任何事情。
