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

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

信息来源:深圳市易捷网络科技有限公司
信息发布时间:2025-5-4

许多网友和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、佛山SEO优化应该做好哪些数据分析
2、新手做网站推广优化该如何做优化
3、网站制作做好这几点有效提升速读
4、企业做品牌网站建设原因是什么
5、你网站的核心元素是否简洁突出
6、怎样做好手机网站的策划工作
7、SEO优化过程中原创有效文章有多么重要
8、营销型网站建设用户体验之导航优化
9、seo发展前景【读懂seo职场前景】
10、分享九种导入链接的增加方法
11、网站关键词排名监控有什么意义
12、浅谈用C#开发语言编写IIS程序池自动重启程序
13、网页设计应该怎样提升推广优化效果和用户粘度
14、如何为网站选择合适的关键词来进行优化呢
15、如何建设有特色的民俗博物馆网站(下)
16、网站建设之内容更新维护的一些基本技巧
17、七种让用户抓狂的网站用户体验
18、预算千元以内能做网站吗
19、女性站的策划、建设和运营
20、如何布局内链系统
21、新网站seo优化工作应该从哪些方面着手?
22、网站排名下降了难道都是因为被降权了
23、网站推广要讲策略
24、10个小插画,告诉你好设计师和差设计师的区别
25、企业网站建设中不得不知的几大核心问题
26、影响网站优化的四大因素
27、高端网站制作用户需要什么基本信息
28、与时俱进才能做好网站优化
29、企业为什么要进行移动网站建设
30、的流程及步骤
31、网站排名优化可以帮助你推广优质的内容
32、网站建设浅谈网站建设模式有什么
33、什么样的关键词是比较容易优化的?
34、TypeScript1.3发布,新增两个语言特性
35、新手站长最易犯几个错误你知晓吗
36、建立个人博客应该注意什么
37、探析企业网页设计的发展变化趋向
38、网站跳出率高如何解决
39、SEO已经进入了大众化和工具化的时代
40、【SEO名词解释】XML网站地图(XML SiteMap)
41、如何判断网站的优劣性
42、H5响应式网站制作要点
43、seo优化和搜索营销对网站的影响
44、SEO优化如何判断关键词的竞争难易程度
45、如何分析竞争对手的网站
46、新媒体文案的特点
47、营销型网站等同于品牌型网站吗
48、云服务器相比传统IDC有哪些优势这里讲得很清楚了
49、新淘宝客的出路
50、优质网站建设的几个要素

相关视频推荐

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