新聞中心
修改css文件實(shí)現(xiàn)WordPress透明主題背景
先不說(shuō)別的直接上效果,喜歡的就繼續(xù)往下閱讀
背景與文章頁(yè)屬于兩層頁(yè)面,添加背景也只能看到文章頁(yè)超出文章頁(yè)的一點(diǎn)點(diǎn)背景,這個(gè)看起來(lái)很不舒服,怎么能使文章頁(yè)下顯示背景圖片呢?這個(gè)就要修改css樣式使文章頁(yè)透明化,這個(gè)對(duì)網(wǎng)頁(yè)美化加好多分哦,大家要不要試試,下面由無(wú)憂主機(jī)(m.love62.cn)小編為大家介紹怎么是文章頁(yè)面透明化。
使用FTP工具登陸php虛擬主機(jī)把控制主頁(yè)樣式的文件下載到本地,每一個(gè)主題的樣式路徑都是不一樣的,怎么樣能知道所使用的主題樣式是那一個(gè)文件控制的呢?使用谷歌瀏覽器登錄你們的網(wǎng)站首頁(yè)。
點(diǎn)擊審查元素
找到上圖框起來(lái)的代碼,左鍵點(diǎn)一下,不要管了,目光移到右下角的元素框
上圖顯示出來(lái)的就是控制主頁(yè)樣式CSS文件的路徑,簡(jiǎn)單說(shuō),也就是修改這個(gè)css文件就可以控制板背景色。我們登錄ftp,把文件下載到本地。無(wú)憂主機(jī)(m.love62.cn)小編使用的是默認(rèn)的主題文件的位置在…/wp-content/themes/twentyeleven/colors/dark.css,如果你使用的是其它主題,你可以安裝上述辦法找出來(lái)。把這個(gè)文件下載到本地后使用文本工具把文件打開(kāi),定位到約12行找到:
#page{
Backupground: #0f0f0f;
把background:后面的代碼修改成rgba(235,233,233,0.5),如下圖
修改完成后把文件保存上傳回空間,然后刷新網(wǎng)頁(yè)看看效果,如果你的wordpress安裝了緩存插件,請(qǐng)先清除緩存就可以看到文章開(kāi)頭實(shí)現(xiàn)的wordpress主題背景效果,真的是透明了,由于IE內(nèi)核瀏覽器的兼容問(wèn)題,請(qǐng)大家在使用的時(shí)候請(qǐng)注意ie兼容性。
純Linux環(huán)境下高端免備案【香港獨(dú)立IP地址】php空間,僅僅只需199元一年起。商務(wù)中國(guó)域名核心代理直銷50元注冊(cè)國(guó)際頂級(jí)域名
本文地址:http://m.love62.cn/wordpress/8426.html
![1](/wp-content/themes/starow_z/img/o-1.png)
![1](/wp-content/themes/starow_z/img/o-2.png)
![1](/wp-content/themes/starow_z/img/o-3.png)
![1](/wp-content/themes/starow_z/img/o-4.png)
![1](/wp-content/themes/starow_z/img/o-5.png)
![1](/wp-content/themes/starow_z/img/o-6.png)
![1](/wp-content/themes/starow_z/img/o-7.png)