。
激活插件后,將鼠標懸停在appearance上。現在,單擊新選項Fullscreen BG Image。
然后,單擊選擇圖像并上傳您想要作為 WordPress 背景圖像的圖像。如果您之前在其中添加了首選背景圖像,您也可以從媒體庫中選擇圖像。
您可以根據需要添加圖像的替代文字、標題和描述等詳細信息。單擊使用圖像,然后單擊保存選項。
現在,前往您的網站查看您的 WordPress 背景圖片的外觀。
選項 3. 使用 CSS 添加背景照片
同樣,要使用 CSS 添加背景圖像,您需要擁有一個自托管的 WordPress 站點,或者在 WordPress.買粉絲 上訂閱付費計劃。自定義 CSS 不僅允許您添加背景圖片,還可以對網站的外觀進行各種更改,使其看起來完全符合您的要求。
導航到 WordPress 儀表板,然后單擊外觀 > 附加 CSS。
現在,在 CSS 字段中添加這些代碼行來設置 WordPress 背景圖像。
body {
background-image: url("買粉絲s://theimageurl");
background-position: center center;
background-size: 買粉絲ver;
background-repeat: no-repeat;
background-attachment: fixed;
}
替換 買粉絲://theimageurl為您要用作 WordPress 背景圖像的圖像的 URL。
您還可以在 WordPress 網站上的各個帖子中添加自定義背景和圖像。為此,您將需要以下代碼:
body.category-slug {
background-image: url("買粉絲://anotherimageurl");
background-position: center center;
background-size: 買粉絲ver;
background-repeat: no-repeat;
background-attachment: fixed;
}
就像以前一樣,您必須替換買粉絲://anotherimageurl為要使用的圖像的 URL。您還必須替換slug為您網站上現有類別的名稱。
在 CSS 中完成更改后,不要忘記單擊Save Changes按鈕來存儲所有修改。現在您可以訪問您的網站以查看新的背景圖片!
注意圖像尺寸
但是,另一方面,僅僅為了縮小尺寸而添加質量較差的圖像也會對用戶體驗產生負面影響。因此,理想的做法是保持平衡并添加高質量的圖片,但僅在必要時——即當它們為您的內容增加價值時,并且僅增加所需的分辨率。
概括
在本教程中,我向您展示了設置 WordPress 背景圖像的三種方法。
通過主題外觀設置添加背景圖片
使用插件添加背景圖片
添加自定義 CSS
您可能需要也可能不需要 WordPress 網站的背景圖片。但是,如果您選擇使用背景圖片,請知道它是為您的受眾設定品牌風格的重要元素。因此,請確保您的 WordPress 背景圖片反映了您的品牌形象。
2024-07-11 02:23
2024-07-11 01:51
2024-07-11 01:26
2024-07-11 01:09
2024-07-11 00:24
2024-07-11 00:10