在修改過程中需要到的工具:wordpress網(wǎng)站一個,Notepad++,F(xiàn)TP工具,一張背景圖片。
網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)公司!專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、成都小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了臨城免費建站歡迎大家使用!
首先使用FTP工具登錄php虛擬主機(jī),把背景圖片上傳到網(wǎng)站的根目錄或者根目錄里的任何文件夾,然后進(jìn)入wordpress程序文件夾-wp-admin文件-CSS-wp-admin.css文件下載到本地,使用Notepad++打開文件,使用搜索功能搜索background
在background:后面添加url(這里填寫背景圖片的URL) no-repeat
修改好后保存,上傳回去空間(這里提醒一下如果不是很熟練先把空間里的wp-admin.css重命名作為備份)上傳完成。
WordPress點抗 托管您的 WordPress 網(wǎng)站,還是使用自我管理的服務(wù)器,本教程都適合您。您將學(xué)習(xí)以下為 WordPress 網(wǎng)站設(shè)置背景圖片的方法:
添加帶有 WordPress 主題設(shè)置的背景圖片
使用 WordPress 插件添加背景圖片
使用css添加背景照片
選項 1. 使用 WordPress 主題設(shè)置添加背景圖像
許多免費的 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)題和說明。如果您的重點是 seo,添加替代文本總是一個好主意。
選擇圖像并保存設(shè)置后,您的 WordPress 背景圖像將發(fā)生變化。現(xiàn)在,您可以探索不同的預(yù)設(shè)選項(填充屏幕、適合屏幕等),這將使您的背景圖像看起來完全符合您的要求。
請記住單擊左上角的保存更改按鈕,否則您的更改將不會被保存。
選項 2. 使用 WordPress 插件添加背景圖像
僅當(dāng)您擁有一個自我管理的 WordPress 網(wǎng)站或者您已從 WordPress點抗 購買了付費計劃時,才建議使用插件來更改您網(wǎng)站的外觀。如果您選擇通過免費的 WordPress點抗 帳戶使用插件,您的域?qū)?.wordpress點抗 更改為.wpcomstaging點抗 ,這并不理想。 ?
插件為您的 WordPress 網(wǎng)站提供了許多特性和功能。例如,使用背景插件,您可以在網(wǎng)站的多個區(qū)域添加不同的背景:帖子、頁面和類別。您還可以使用一個插件將 YouTube 視頻設(shè)置為背景。插件還可以為手機(jī)調(diào)整圖像和視頻的大小,以便您的觀眾可以輕松地通過手機(jī)欣賞您的網(wǎng)站。
對于本教程,我們使用了一個非常基本的免費插件。它被稱為簡單的全屏背景圖像插件。
激活插件后,將鼠標(biāo)懸停在appearance上?,F(xiàn)在,單擊新選項Fullscreen BG Image。
然后,單擊選擇圖像并上傳您想要作為 WordPress 背景圖像的圖像。如果您之前在其中添加了首選背景圖像,您也可以從媒體庫中選擇圖像。
您可以根據(jù)需要添加圖像的替代文字、標(biāo)題和描述等詳細(xì)信息。單擊使用圖像,然后單擊保存選項。
現(xiàn)在,前往您的網(wǎng)站查看您的 WordPress 背景圖片的外觀。
選項 3. 使用 CSS 添加背景照片
同樣,要使用 CSS 添加背景圖像,您需要擁有一個自托管的 WordPress 站點,或者在 WordPress點抗 上訂閱付費計劃。自定義 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.找到需要修改的頁面,看書首頁還是文章頁,還是單獨頁面,欄目頁等。
2.在頁面找到需要修改寬度位置,可以直接按下f12,用打開的窗口剪頭進(jìn)行定位。
3.找到位置之后判斷是在哪個div里面,最后將寬度調(diào)整并保存后,在前臺刷新一下就OK。
如何進(jìn)行修改具體如下:
1.找到修改對應(yīng)的文件,直接在后臺修改,并保存,在前臺刷新就可以。
2.通過ftp進(jìn)行將文件下載之后,修改在上傳,再前臺刷新一下就好了。
如果刷新還是原來的,那么直接對瀏覽器的緩存進(jìn)行清理在刷新就可以。
希望可以幫到你。