有些朋友,在購買了蘇醒的主題后。想修改一些樣式,卻不知道怎么去修改。在這里,我提供下簡單的教程幫助。
第一步,你得有一個谷歌瀏覽器,或者其他神馬瀏覽器都可以,只要可以審查元素。
第二步,你再需要一個修改代碼的軟件,例如notepad++。
第三步,把你主題下載到你的電腦上,解壓。
PS:style.css文件是一個主題的核心文件之一,通常位于該主題目錄中,它負(fù)責(zé)控制著整個網(wǎng)站頁面的外觀。
例如,如果你要向修改首頁文章列表的標(biāo)題。對著那個標(biāo)題,右鍵,審查元素或者按F12。
瀏覽器就會出現(xiàn)截圖下面的東西。左邊是網(wǎng)站的html代碼,右邊是css樣式。這時候,你要看左邊是否已選中了你要修改的東西(例如你要修改標(biāo)題)。那么對應(yīng)右邊就是這個標(biāo)題的css樣式。你會看到這個標(biāo)題的樣式是由.content-header h2
控制,字體大小為:font-size=22px,如果你要修改成16px怎么修改呢?
你可以先在谷歌瀏覽器中在線修改預(yù)覽效果,例如把font-size=22px修改成font-size=16px,你可以直接修改右側(cè)的參數(shù)。而此時網(wǎng)頁的樣式就會發(fā)生變化。如下圖。
好了,你覺得這樣修改很滿意了。此時,你必須修改style.css的參數(shù),才能真正修改到網(wǎng)站的樣式。
下一步:你看到style.css?ver=traveler:100
。最后的數(shù)字100
,代表著的是這個.content-header h2
在style.css中第100行。
好了,知道這個.content-header h2
在哪里,那就很好辦了。
這時候,用notepad++打開style.css這個文件。你可以看到,在左側(cè),會有行數(shù)。找到第100行,把font-size=22px修改成font-size=16px,那樣,就可以修改到字體的大小了。
然后保存。
然后,用FTP上傳style.css到你網(wǎng)站主題目錄中,大功告成!!
其他主題的文件,大概也是如此,用谷歌瀏覽器精確到某個代碼的位置,用notepad++進行修改。