WordPress.com 托管您的 WordPress 網(wǎng)站，還是使用自我管理的服務(wù)器，本教程都適合您。您將學(xué)習(xí)以下為 WordPress 網(wǎng)站設(shè)置背景圖片的方法：
站在用戶的角度思考問題，與客戶深入溝通，找到唐河網(wǎng)站設(shè)計與唐河網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：成都網(wǎng)站設(shè)計、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、主機(jī)域名、網(wǎng)頁空間、企業(yè)郵箱。業(yè)務(wù)覆蓋唐河地區(qū)。
添加帶有 WordPress 主題設(shè)置的背景圖片
使用 WordPress 插件添加背景圖片
使用css添加背景照片
選項 1. 使用 WordPress 主題設(shè)置添加背景圖像
許多免費(fèi)的 WordPress 主題可讓您設(shè)置背景圖像。我正在使用二十一二十一主題，這是博客、portfol?ios和小型企業(yè)的簡單首選主題。此主題還允許您擁有背景圖像。
登錄到您的 WordPress 網(wǎng)站的管理部分。您可以從這里處理大部分 WordPress 設(shè)置。?
WordPress 如何登錄到您的 WordPress 網(wǎng)站 管理儀表板 Adi Purdila
單擊外觀，其中包含您網(wǎng)站外觀的所有設(shè)置。系統(tǒng)會要求您選擇一個主題。選擇二十一二十一作為您的主題（或任何其他允許您擁有背景圖像的主題）。 ?
現(xiàn)在，將鼠標(biāo)懸停在外觀菜單上，然后單擊背景。將出現(xiàn)主題定制器窗口，讓您選擇背景圖像。
現(xiàn)在，選擇圖像，然后從 WordPress 庫中選擇圖像或上傳圖像。
您可以設(shè)置背景圖像的詳細(xì)信息，例如替代文字、標(biāo)題、標(biāo)題和說明。如果您的重點(diǎn)是 seo，添加替代文本總是一個好主意。
選擇圖像并保存設(shè)置后，您的 WordPress 背景圖像將發(fā)生變化?，F(xiàn)在，您可以探索不同的預(yù)設(shè)選項（填充屏幕、適合屏幕等），這將使您的背景圖像看起來完全符合您的要求。
請記住單擊左上角的保存更改按鈕，否則您的更改將不會被保存。
選項 2. 使用 WordPress 插件添加背景圖像
僅當(dāng)您擁有一個自我管理的 WordPress 網(wǎng)站或者您已從 WordPress.com 購買了付費(fèi)計劃時，才建議使用插件來更改您網(wǎng)站的外觀。如果您選擇通過免費(fèi)的 WordPress.com 帳戶使用插件，您的域?qū)?.wordpress.com 更改為.wpcomstaging.com，這并不理想。 ?
插件為您的 WordPress 網(wǎng)站提供了許多特性和功能。例如，使用背景插件，您可以在網(wǎng)站的多個區(qū)域添加不同的背景：帖子、頁面和類別。您還可以使用一個插件將 YouTube 視頻設(shè)置為背景。插件還可以為手機(jī)調(diào)整圖像和視頻的大小，以便您的觀眾可以輕松地通過手機(jī)欣賞您的網(wǎng)站。
對于本教程，我們使用了一個非?；镜拿赓M(fèi)插件。它被稱為簡單的全屏背景圖像插件。
激活插件后，將鼠標(biāo)懸停在appearance上?，F(xiàn)在，單擊新選項Fullscreen BG Image。
然后，單擊選擇圖像并上傳您想要作為 WordPress 背景圖像的圖像。如果您之前在其中添加了首選背景圖像，您也可以從媒體庫中選擇圖像。
您可以根據(jù)需要添加圖像的替代文字、標(biāo)題和描述等詳細(xì)信息。單擊使用圖像，然后單擊保存選項。
現(xiàn)在，前往您的網(wǎng)站查看您的 WordPress 背景圖片的外觀。
選項 3. 使用 CSS 添加背景照片
同樣，要使用 CSS 添加背景圖像，您需要擁有一個自托管的 WordPress 站點(diǎn)，或者在 WordPress.com 上訂閱付費(fèi)計劃。自定義 CSS 不僅允許您添加背景圖片，還可以對網(wǎng)站的外觀進(jìn)行各種更改，使其看起來完全符合您的要求。
導(dǎo)航到 WordPress 儀表板，然后單擊外觀 附加 CSS。
現(xiàn)在，在 CSS 字段中添加這些代碼行來設(shè)置 WordPress 背景圖像。
body?{
background-image:?url("");
background-position:?center?center;
background-size:?cover;
background-repeat:?no-repeat;
background-attachment:?fixed;
}
替換?為您要用作 WordPress 背景圖像的圖像的 URL。
您還可以在 WordPress 網(wǎng)站上的各個帖子中添加自定義背景和圖像。為此，您將需要以下代碼：
body.category-slug?{
background-image:?url("");
background-position:?center?center;
background-size:?cover;
background-repeat:?no-repeat;
background-attachment:?fixed;
}
就像以前一樣，您必須替換為要使用的圖像的 URL。您還必須替換slug為您網(wǎng)站上現(xiàn)有類別的名稱。
在 CSS 中完成更改后，不要忘記單擊Save Changes按鈕來存儲所有修改?，F(xiàn)在您可以訪問您的網(wǎng)站以查看新的背景圖片！
注意圖像尺寸
在將任何圖像上傳到 WordPress 網(wǎng)站之前，請關(guān)注其大小。添加高質(zhì)量的視覺效果很誘人。但是，這可能會提高您網(wǎng)站的加載速度。這聽起來沒什么大不了的。但是，您的網(wǎng)站越慢，跳出率就越高，這意味著更多的人在閱讀或查看其內(nèi)容之前離開您的網(wǎng)站。反過來，這會影響您的轉(zhuǎn)化。谷歌曾表示，?兩秒是理想的網(wǎng)站速度，尤其是在您開展業(yè)務(wù)的情況下。 ?
但是，另一方面，僅僅為了縮小尺寸而添加質(zhì)量較差的圖像也會對用戶體驗產(chǎn)生負(fù)面影響。因此，理想的做法是保持平衡并添加高質(zhì)量的圖片，但僅在必要時——即當(dāng)它們?yōu)槟膬?nèi)容增加價值時，并且僅增加所需的分辨率。
概括
在本教程中，我向您展示了設(shè)置 WordPress 背景圖像的三種方法。
通過主題外觀設(shè)置添加背景圖片
使用插件添加背景圖片
添加自定義 CSS
您可能需要也可能不需要 WordPress 網(wǎng)站的背景圖片。但是，如果您選擇使用背景圖片，請知道它是為您的受眾設(shè)定品牌風(fēng)格的重要元素。因此，請確保您的 WordPress 背景圖片反映了您的品牌形象。
1.wordpress怎么添加背景圖片1
修改body的背景屬性，打開style.css文件，添加如下面代碼：
body {
background:#f2f2f2 url(images/body_bg.png) repeat-y 50% 0; //改成自己的圖片就可以了margin:0 auto;color:#131313;}。
2.wordpress怎么添加背景圖片2
在主題的function.php文件中添加如下代碼：
//添加一個自定義背景add_theme_support( ‘custom-background’);
然后，再在header.php中找到body標(biāo)簽，改成如下代碼：
body ?php body_class(); ?
3.這樣也可以很好的實現(xiàn)主題自定義背景圖片功能。添加完以后就可以在后臺設(shè)置背景圖片或背景顏色了；
4.wordpress怎么添加背景圖片3
最簡單的一種方法就是將下面這條函數(shù)添加到主題的functions.php文件中:
add_custom_background();
5.wordpress怎么添加背景圖片4
一句函數(shù)就能夠給WordPress主題啟用了自定義背景功能，簡單吧，最后不要忘記上傳背景圖片哦。
6.wordpress怎么添加背景圖片5
完成了上一步的操作，給主題添加了自定義背景功能支持代碼之后，打開WordPress控制面板，在【外觀】欄下即會出現(xiàn)一個【背景】的菜單選項，點(diǎn)擊之，隨即會呈現(xiàn)設(shè)置選項。
問：在用wordpress仿站的時候我下載了一些背景圖片的素材，但是在后臺上傳保存了以后發(fā)現(xiàn)沒有任何變化，改變背景顏色也是同樣的沒效果，打開CSS看了下，什么也不懂，我就知background是背景圖片，但是發(fā)現(xiàn)background有很多，嘗試著改了一下，發(fā)現(xiàn)有一些地方變了，但不是想要改變的位置，有的地方改過了也還是沒有任何的變化，誰能給總結(jié)一下改背景圖片和顏色的方法？答：你想改背景顏色或背景圖都需要在主題文件夾下的style.css中修改。用DW打開style.css文件，找到body代碼里面的background－color:#顏色值;把顏色值改成你想要的顏色即可。如果是圖片的話body里面是background－image:路徑;把路徑下面的圖片換成你想要的即可。
重慶分公司
重慶分公司
