很多網(wǎng)友都和Quicl一樣,默認(rèn)主題的字體不好看。為了美觀,他們?cè)诰庉嬑恼聲r(shí)使用CSS制作字體樣式,卻不知道在文章中使用過(guò)多的CSS樣式對(duì)首頁(yè)的打開(kāi)速度影響很大。根除這個(gè)問(wèn)題的方法是修改Wordpress主題的默認(rèn)字體樣式和字體大小。雖然今天之前一直在使用修改文章css的方法,但是昨晚上網(wǎng)時(shí)間長(zhǎng)了,看網(wǎng)站上的其他字體突然就不舒服了。轉(zhuǎn)念一想,算了,換個(gè)主題的字體吧!
上一篇說(shuō)了,實(shí)在不想再用FireFox了,就用最近用的Chrome做元素審計(jì)。 Chrome 太人性化了,非常方便。在首頁(yè)選中任意一段文字——右鍵——檢查元素,就可以看到當(dāng)前內(nèi)容的CSS容器。檢查后發(fā)現(xiàn)我的子容器里沒(méi)有font-family:和font-size:好吧,既然沒(méi)有con,那我就去父容器里找吧。方便的ChromeDebug 顯示Font-family 和Font-size 都在Body 中。源CSS 代碼是;
font-family:Arial, Helvetica, sans-serif;
字體大?。?2px;顏色:#b8babb;文本對(duì)齊: 中心;
考慮到我總體上喜歡“微軟雅黑”,我會(huì)改成“微軟雅黑”,但是字體大小呢?在網(wǎng)上查了很多,文中說(shuō)12px是最好的選擇,我覺(jué)得不是!使用Chrome的element inspection,發(fā)現(xiàn)我原來(lái)主題的Body字體大小只有12px,但是感覺(jué)很小。瀏覽博友的站點(diǎn)時(shí),發(fā)現(xiàn)有好幾個(gè)都是13px的,就這樣吧。使用13px 的字體大小。提醒:對(duì)于廣大Wordpress玩家來(lái)說(shuō),修改主題前最好在本地確定合適的css樣式。其次,為避免出現(xiàn)不可預(yù)見(jiàn)的錯(cuò)誤,請(qǐng)將代碼復(fù)制到“超級(jí)記事本”或“Dreamwaver”中進(jìn)行備份,使用系統(tǒng)自帶的記事本會(huì)出現(xiàn)莫名其妙的問(wèn)題。此方法可用于任何主題。由于Wordpress主題的字體都在Body標(biāo)簽中,所以我們的修改思路是找到最頂層的Body容器,修改其字體。下面就帶大家一起修改主題:
在Wordprss后臺(tái)以管理員權(quán)限登錄——,在“外觀”欄選擇“編輯”選項(xiàng)卡,然后在調(diào)出的頁(yè)面右下方找到“Style.css”,點(diǎn)擊。
左邊編輯框最上方是Body欄,body代碼(相信大部分代碼和我的一樣)如下:
身體{ margin:0;填充:0; background:url(img/back1.gif);
font-family: Arial, Helvetica, sans-serif;
字體大小:12px;顏色:#b8babb;文本對(duì)齊: 中心; }
在Arial 之前添加Microsoft 雅黑。請(qǐng)記住,這個(gè)逗號(hào)是英文逗號(hào)。請(qǐng)注意!在字體大小中,將12px 更改為13px??赡苡信笥褧?huì)說(shuō),這么簡(jiǎn)單,那我也換個(gè)顏色吧!大量的事實(shí)證明,修改顏色是一個(gè)不明智的選擇。主題的創(chuàng)建者比你更了解網(wǎng)站的配色,你的修改可能會(huì)使主題顏色變得面目全非
下面是修改后的代碼,
身體{ margin:0;填充:0; background:url(img/back1.gif);
font-family: Microsoft Yahei, Arial, Arial, Helvetica, sans-serif;
字體大?。?3px;顏色:#b8babb;文本對(duì)齊: 中心; }
保存修改后,回到任意頁(yè)面刷新,一般都能看到效果。如果看不到,請(qǐng)清除網(wǎng)絡(luò)緩存!
我們專注高端建站,小程序開(kāi)發(fā)、軟件系統(tǒng)定制開(kāi)發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開(kāi)發(fā)、各類(lèi)API接口對(duì)接開(kāi)發(fā)等。十余年開(kāi)發(fā)經(jīng)驗(yàn),每一個(gè)項(xiàng)目承諾做到滿意為止,多一次對(duì)比,一定讓您多一份收獲!