深圳易捷网络科技注册咨询网-jiujiuya.com.cn 返回首页

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

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

许多网友和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、网站建设中不可忽视了兼容性的
4、网站制作中图片优化的好处
5、从用户出发浅谈搜索引擎最看重的三个方面
6、外贸网站如何在谷歌做网站优化
7、SEO优化中常用的10条查询指令
8、大运营之道:如何构建“新媒体网站生态圈”
9、网络普及下的全站仪优化
10、百度新账户该怎么搭建
11、网站制作哪些地方易犯错
12、网站内容界面设计的一些技巧
13、网络推广如何做图片添加ALT属性?
14、网站建设底部时一定要注意什么的呢
15、图片过多的网站如何优化
16、在网站定制前做好相关工作事宜
17、网站制作的技巧都有哪些?
18、很熟悉但叫不出名字的选择架构设计法
19、网站建设对于企业的重要性
20、我们的网站要有多少内容才标准
21、响应式使网站制作更具多元化
22、网站建设要做哪些前期准备工作
23、数据库扩展立方在电子商务网站平台的实际应用
24、从头带你认识面包屑导航的前世今生
25、做个企业网站需要多久大概几天时间能做好
26、外贸网站制作访问速度是决定性因素
27、网站建设时快速制作网站的方式
28、如何提升页面的访问速度
29、网站流量提升重点技巧
30、如何才能减少网站的跳出率
31、看看这些做SEO优化的小技巧!
32、怎样才能把站内优化做到完美
33、医院百度竞价关键词需要分析哪些数据
34、浅析网站seo优化重点!
35、如何优化404页面和Robots文件设置?
36、网站建设浅谈网站内链优化的意义
37、不懂代码能否做好推广优化想成为推广优化高手应该如何去做
38、如何将网页按钮伪装成超链接
39、地方人才网推广几种方式
40、网站SEO优化的6个基本步骤
41、Hostgator主机默认首页default.html删除后如何恢复?
42、SEO如何写出高质量内容
43、2014年的外链该如何建设才能达到效果呢?
44、不同站有不同推广优化策略
45、行业网站内容更新如何有效做好伪原创
46、怎样快速增加网站收录量呢
47、新站长在网络营销中常犯的错误
48、企业建网站对网站形象进行定位
49、小编分析:追逐式算法更新
50、初入seo优化行业该如何做?

相关视频推荐

自动化行业网站制作焊锡机/点胶机/螺丝机网站
企业网站制作新模式全部仅需800元/年
如何提高企叫网站打开速度
公司网站到期了该怎小续费
企业为什么必须要做一网站
企业网站的导航栏一般要规划哪些栏目
国际物流FBA物流网站建设深圳易捷网站公司公司
银制品金银器网站建设深圳易捷网站公司
包装印刷行业网站设计
膜结构公司网站设计
工商财务公司网站设计
购买一个域名需要多少钱
企业网站建设云虚拟主机需要多少钱
财务公言的网站怎么做才能显示在搜索引擎的首页
网站建设一站式服务
深圳网站建设公司网站排行榜
深圳市易捷网络科技有限公司版权所有    粤ICP备2022153140号