深圳易捷网络科技财税咨询网-neatmaster518.com 返回首页

如何使用Chrome修改任意WP主题字体样式

信息来源:深圳市易捷网络科技有限公司
信息发布时间:2024/11/8

许多网友和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; }

保存修改后,回到任意页面,刷新其,一般就可以看到效果了。如果你不能看到,请清空网页缓存即可!

本文由Quicl原创于Quicl’sBlog 转载注明出处http://20xue.com/?p=1781

更多网络知识及相关网络服务请QQ咨询深圳网站建设公司QQ:2361277551

相关行业资讯

1、如何优化才能让我们的网站排名稳定
2、企业网站设计计算机图像增强处理
3、360导航的变与hao123的不变到底谁更胜一筹
4、搜索引擎都重视原创的三大理由
5、关于做网站建设不可缺的东西
6、什么是企业网站制作中的可用性设计
7、为何网站每个关键词的快照时间不一样
8、网站推广需要多少钱,如何才能做好推广
9、优秀的网站设计会给企业带来什么影响
10、做好哪些事情可以提升网站的用户体验
11、原创内容的网站为什么也被k
12、seo常用工作表
13、网站制作在正式运营前需万事俱备
14、网站优化:5大方法加强你的网站SEO能力
15、做一个APP开发/网站设计需要多少钱
16、网站SEO优化中导航可以推动网站营销吗
17、推广网站的最佳效果方法
18、企业网站建设公司支招如何做好微商城有哪些技巧
19、在网站制作中,那些问题容易被忽略
20、法定节假日,如何制定PPC过度策略
21、如何让seo优化有好的排名
22、网站收录纠结在于服务器问题
23、网站做优化没效果得先弄清网站优化目的何在
24、做网站制作SEO主要注意的几点
25、分享几点企业网页设计时应该注意的SEO事项
26、营销型网站制作优势在于
27、用户需要怎样的网站设计
28、做推广优化需要你的用心
29、网站制作的基本步骤是什么
30、那么企业官网应该如何做好SEO优化
31、网站制作需要遵守的原则有哪些
32、网站制作浅析动静态页面的优缺点
33、网站制作哪些地方易犯错
34、旅游网站如何设计,哪些方面要考虑
35、多域名301跳转合并对SEO的影响
36、如何提高网站流量-网站推广的九种实用方法
37、关于中小企业如何做网络推广
38、打造返利网站完整优化案例:框架优化
39、企业模板站的利与弊
40、门户网站建设公司告诉你搭建重点是什么有哪些优点
41、如何借助新闻营销提升产品的知名度
42、如何做好Wordpress的SEO优化(二):插件优化篇
43、如何建立公司网站?注意事项有哪些?
44、企业网站建设功利性
45、搜索引擎的基本架构
46、如何快速度过百度考核期,我们要注意什么
47、网站建设浅谈伪原创怎么做的
48、网页改版时cms及基本程序问题
49、高端网站建设有哪些基本技巧
50、网站建设制作完成打开速度问题
深圳市易捷网络科技有限公司版权所有    粤ICP备2022153140号