- 簡(jiǎn)體
- 簡(jiǎn)體中文 English
使用Chrome修改任意WordPress主題字體樣式與字號(hào)
許多網(wǎng)友和Quicl一樣,默認(rèn)主題的字體不好看之,為了美觀就在編輯文章時(shí)候使用CSS弄個(gè)字體樣式,可是諸不知文章使用過(guò)多的CSS樣式對(duì)首頁(yè)打開(kāi)速度有很大影響。根除這個(gè)問(wèn)題的方式就是修改Wordpress主題默認(rèn)的字體樣式與字號(hào)。雖然在今天之前一直用著修改文章css的方法,可是昨晚上網(wǎng)時(shí)間有點(diǎn)長(zhǎng),看網(wǎng)站其他字體時(shí)候突然感到不拿么爽。遂想到,算了吧,把主題的字體換個(gè)吧!
正如之前文中所說(shuō)的,F(xiàn)ireFox我真的不想再用了,就用剛用不久的Chrome來(lái)進(jìn)行元素審計(jì)。Chrome太人性化了,非常的方便,選擇主頁(yè)上面任意的一段文字-右擊-審查元素,即可看到當(dāng)前內(nèi)容的CSS容器了。查看之后發(fā)現(xiàn),我的子容器里面根本沒(méi)有font-family: 以及font-size:。好吧,既然con里面沒(méi)有那我就去父容器里面找,方便的ChromeDebug非常直觀的顯示出Font-family以及Font-size均在Body中。源CSS代碼為;
font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#b8babb; text-align:center;
關(guān)于考慮到一般我喜歡“微軟雅黑”,那就修改為“微軟雅黑”,可是字號(hào)呢?網(wǎng)上查看了許多之后其文字都說(shuō)12px是最佳選擇,我可不這么認(rèn)為!使用Chrome的元素審查發(fā)現(xiàn),我原來(lái)主題的Body字體大小就為12px,可是感覺(jué)很小。在瀏覽博友的站點(diǎn)時(shí)候,發(fā)現(xiàn)有好幾位都為13px,得,就這么定了。用13px的字號(hào)吧。溫馨提示:對(duì)于廣大的Wordpress玩家來(lái)說(shuō),修改主題之前最好在本地把適合的css樣式所確定。其次為了避免不可預(yù)料的出錯(cuò),請(qǐng)將代碼復(fù)制到“超級(jí)記事本”或者“Dreamwaver”備份,使用系統(tǒng)自帶的記事本灰產(chǎn)生莫名其妙的問(wèn)題。此方法對(duì)于任意主題都可用使用,由于其Wordpress主題的字體都在Body標(biāo)簽中,我們修改的思路就是找到頂級(jí)Body容器,修改其字體就好了。下面帶大家一同修改主題:
在Wordprss后臺(tái)使用管理員權(quán)限登錄——選擇“外觀”欄目中的“編輯”選項(xiàng)卡 再轉(zhuǎn)入的頁(yè)面中的右側(cè)最下面找到“Style.css”,點(diǎn)擊它。
左邊編輯框中的最上面就是Body欄目,body代碼(相信絕大部分的代碼和我這個(gè)一樣)如下所示:
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之前添加微軟雅黑,宋體記住這個(gè)逗號(hào)是英文逗號(hào),大家注意啊!font-size中把12px修改為13px,有朋友可能會(huì)說(shuō)這么簡(jiǎn)單啊,那我把color也修改了吧!大量事實(shí)證明,修改color是個(gè)不明智的選擇。主題的制作者比你更加懂得網(wǎng)站配色的問(wèn)題,你的修改可能會(huì)使主題顏色面目全非
下面是修改后的代碼,
body { margin:0; padding:0; background:url(img/back1.gif);
font-family: 微軟雅黑,宋體, Arial, Helvetica, sans-serif;
font-size:13px; color:#b8babb; text-align:center; }
保存修改后,回到任意頁(yè)面,刷新其,一般就可以看到效果了。如果你不能看到,請(qǐng)清空網(wǎng)頁(yè)緩存即可!
建站流程
-
網(wǎng)站需求
-
網(wǎng)站策劃方案
-
頁(yè)面設(shè)計(jì)風(fēng)格
-
確認(rèn)交付使用
-
資料錄入優(yōu)化
-
程序設(shè)計(jì)開(kāi)發(fā)
-
后續(xù)跟蹤服務(wù)
-
聯(lián)系電話
010-60259772
熱門(mén)標(biāo)簽
- 網(wǎng)站建設(shè)
- 食品網(wǎng)站建設(shè)
- 微信小程序開(kāi)發(fā)
- 小程序開(kāi)發(fā)
- 無(wú)錫網(wǎng)站建設(shè)
- 研究所網(wǎng)站建設(shè)
- 沈陽(yáng)網(wǎng)站建設(shè)
- 廊坊網(wǎng)站建設(shè)
- 鄭州網(wǎng)站建設(shè)
- 婚紗攝影網(wǎng)站建設(shè)
- 手機(jī)端網(wǎng)站建設(shè)
- 高校網(wǎng)站制作
- 天津網(wǎng)站建設(shè)
- 教育網(wǎng)站建設(shè)
- 品牌網(wǎng)站建設(shè)
- 政府網(wǎng)站建設(shè)
- 北京網(wǎng)站建設(shè)
- 網(wǎng)站設(shè)計(jì)
- 網(wǎng)站制作
最新文章
推薦新聞
更多行業(yè)-
單頁(yè)式網(wǎng)站為什么越來(lái)越受歡迎
一、著陸頁(yè)更清爽,簡(jiǎn)單 著陸頁(yè)頁(yè)面清爽、簡(jiǎn)單是單頁(yè)式網(wǎng)站最大的特點(diǎn),...
2019-07-24 -
新站如何快速通過(guò)搜索引擎考核期?
新站如何打破搜索引擎考核期,快速的放出內(nèi)頁(yè)。為什么要提這個(gè)問(wèn)題呢?最近...
2014-05-04 -
做一個(gè)網(wǎng)站都需要幾步,需要什么技術(shù)實(shí)現(xiàn)?
目前網(wǎng)站成了一家公司的標(biāo)配,不再是為了宣傳而做網(wǎng)站,而是為了品牌形象而...
2018-05-28 -
營(yíng)銷電話從哪里來(lái)?
如果你做網(wǎng)上業(yè)務(wù),使您所有的銷售通過(guò)您網(wǎng)站上的購(gòu)物車,喝彩。但不是每個(gè)...
2012-02-21 -
如何制作出更有價(jià)值的網(wǎng)站?
俗話說(shuō)的好:“一分價(jià)錢,一分貨”。要想做一個(gè)讓自己滿意的網(wǎng)站,我們要知...
2018-03-08 -
反壟斷 不能忽略互聯(lián)網(wǎng)霸權(quán)
大樹(shù)下面不長(zhǎng)小草。這是互聯(lián)網(wǎng)領(lǐng)域的典型生態(tài)現(xiàn)象。和現(xiàn)實(shí)空間相比,網(wǎng)絡(luò)空...
2015-01-19
預(yù)約專業(yè)咨詢顧問(wèn)溝通!
免責(zé)聲明
非常感謝您訪問(wèn)我們的網(wǎng)站。在您使用本網(wǎng)站之前,請(qǐng)您仔細(xì)閱讀本聲明的所有條款。
1、本站部分內(nèi)容來(lái)源自網(wǎng)絡(luò),涉及到的部分文章和圖片版權(quán)屬于原作者,本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流,切勿用于任何商業(yè)活動(dòng)。
2、本站不承擔(dān)用戶因使用這些資源對(duì)自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問(wèn)題參見(jiàn)國(guó)家有關(guān)法律法規(guī),當(dāng)本聲明與國(guó)家法律法規(guī)沖突時(shí),以國(guó)家法律法規(guī)為準(zhǔn)。
4、如果侵害了您的合法權(quán)益,請(qǐng)您及時(shí)與我們,我們會(huì)在第一時(shí)間刪除相關(guān)內(nèi)容!
聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com