有些朋友,在購買了蘇醒的主題后。想修改一些樣式,卻不知道怎么去修改。在這里,我提供下簡單的教程幫助。

第一步,你得有一個谷歌瀏覽器,或者其他神馬瀏覽器都可以,只要可以審查元素。

第二步,你再需要一個修改代碼的軟件,例如notepad++。

第三步,把你主題下載到你的電腦上,解壓。

PS:style.css文件是一個主題的核心文件之一,通常位于該主題目錄中,它負責控制著整個網站頁面的外觀。

例如,如果你要向修改首頁文章列表的標題。對著那個標題,右鍵,審查元素或者按F12。

如何修改 wordpress 主題的樣式和文件-nicetheme_奈思主題

瀏覽器就會出現截圖下面的東西。左邊是網站的html代碼,右邊是css樣式。這時候,你要看左邊是否已選中了你要修改的東西(例如你要修改標題)。那么對應右邊就是這個標題的css樣式。你會看到這個標題的樣式是由.content-header h2控制,字體大小為:font-size=22px,如果你要修改成16px怎么修改呢?

你可以先在谷歌瀏覽器中在線修改預覽效果,例如把font-size=22px修改成font-size=16px,你可以直接修改右側的參數。而此時網頁的樣式就會發生變化。如下圖。

如何修改 wordpress 主題的樣式和文件-nicetheme_奈思主題

好了,你覺得這樣修改很滿意了。此時,你必須修改style.css的參數,才能真正修改到網站的樣式。

下一步:你看到style.css?ver=traveler:100。最后的數字100,代表著的是這個.content-header h2在style.css中第100行。

好了,知道這個.content-header h2在哪里,那就很好辦了。

這時候,用notepad++打開style.css這個文件。你可以看到,在左側,會有行數。找到第100行,把font-size=22px修改成font-size=16px,那樣,就可以修改到字體的大小了。

如何修改 wordpress 主題的樣式和文件-nicetheme_奈思主題

然后保存。

然后,用FTP上傳style.css到你網站主題目錄中,大功告成??!

其他主題的文件,大概也是如此,用谷歌瀏覽器精確到某個代碼的位置,用notepad++進行修改。