使用Chrome修改任意WordPress主題字體樣式與字號
許多網友和Quicl一樣,默認主題的字體不好看之,為了美觀就在編輯文章時候使用CSS弄個字體樣式,可是諸不知文章使用過多的CSS樣式對首頁打開速度有很大影響。根除這個問題的方式就是修改Wordpress主題默認的字體樣式與字號。雖然在今天之前一直用著修改文章css的方法,可是昨晚上網時間有點長,看網站其他字體時候突然感到不拿么爽。遂想到,算了吧,把主題的字體換個吧!
正如之前文中所說的,FireFox我真的不想再用了,就用剛用不久的Chrome來進行元素審計。Chrome太人性化了,非常的方便,選擇主頁上面任意的一段文字-右擊-審查元素,即可看到當前內容的CSS容器了。查看之后發現,我的子容器里面根本沒有font-family: 以及font-size:。好吧,既然con里面沒有那我就去父容器里面找,方便的ChromeDebug非常直觀的顯示出Font-family以及Font-size均在Body中。源CSS代碼為;
font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#b8babb; text-align:center;
關于考慮到一般我喜歡“微軟雅黑”,那就修改為“微軟雅黑”,可是字號呢?網上查看了許多之后其文字都說12px是最佳選擇,我可不這么認為!使用Chrome的元素審查發現,我原來主題的Body字體大小就為12px,可是感覺很小。在瀏覽博友的站點時候,發現有好幾位都為13px,得,就這么定了。用13px的字號吧。溫馨提示:對于廣大的Wordpress玩家來說,修改主題之前最好在本地把適合的css樣式所確定。其次為了避免不可預料的出錯,請將代碼復制到“超級記事本”或者“Dreamwaver”備份,使用系統自帶的記事本灰產生莫名其妙的問題。此方法對于任意主題都可用使用,由于其Wordpress主題的字體都在Body標簽中,我們修改的思路就是找到頂級Body容器,修改其字體就好了。下面帶大家一同修改主題:
在Wordprss后臺使用管理員權限登錄——選擇“外觀”欄目中的“編輯”選項卡 再轉入的頁面中的右側最下面找到“Style.css”,點擊它。
左邊編輯框中的最上面就是Body欄目,body代碼(相信絕大部分的代碼和我這個一樣)如下所示:
body { margin:0; padding:0; background:url(img/back1.gif);
font-family: Arial, Helvetica, sans-serif;
font-size:12px; color:#b8babb; text-align:center; }
在Arial之前添加微軟雅黑,宋體記住這個逗號是英文逗號,大家注意啊!font-size中把12px修改為13px,有朋友可能會說這么簡單啊,那我把color也修改了吧!大量事實證明,修改color是個不明智的選擇。主題的制作者比你更加懂得網站配色的問題,你的修改可能會使主題顏色面目全非
下面是修改后的代碼,
body { margin:0; padding:0; background:url(img/back1.gif);
font-family: 微軟雅黑,宋體, Arial, Helvetica, sans-serif;
font-size:13px; color:#b8babb; text-align:center; }
保存修改后,回到任意頁面,刷新其,一般就可以看到效果了。如果你不能看到,請清空網頁緩存即可!
推薦新聞
更多行業-
網絡貿易的特點
從經濟學角度來看,網絡貿易和傳統的國際貿易相比較,具有以下特點。一、信...
2014-10-17 -
企業網站建設需要考慮哪些問題?
現在基本上的企業都會有自己公司的網站,一方面是為了宣傳自己,另一方面也...
2022-08-02 -
網站建設中圖片都有哪些使用方法?
網站建設中圖片使用方法,經常上網的人都會預覽成千上萬網站,會感覺到有的...
2020-02-07 -
PHOTOSHOP網站設計有哪些要注意的?
在進行Photoshop網站設計時,有許多重要的方面需要注意,以確保您...
2023-08-28 -
Seoer要保持理性狀態對待搜索引擎的每一次更新
昨天6月26日又一次迎來了百度大更新,這次的更新讓我們的網站悲傷欲絕,...
2012-06-28 -
搜索引擎蜘蛛為什么會不訪問你的網站
對于蜘蛛而言,網站地圖是搜索引擎全面認識網站制作的好工具。網站地圖就像...
2012-07-10
預約專業咨詢顧問溝通!
免責聲明
非常感謝您訪問我們的網站。在您使用本網站之前,請您仔細閱讀本聲明的所有條款。
1、本站部分內容來源自網絡,涉及到的部分文章和圖片版權屬于原作者,本站轉載僅供大家學習和交流,切勿用于任何商業活動。
2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關法律法規,當本聲明與國家法律法規沖突時,以國家法律法規為準。
4、如果侵害了您的合法權益,請您及時與我們,我們會在第一時間刪除相關內容!
聯系方式:010-60259772
電子郵件:394588593@qq.com