使用Chrome修改任意WordPress主题字体样式与字号
许多网友和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; }
保存修改后,回到任意页面,刷新其,一般就可以看到效果了。如果你不能看到,请清空网页缓存即可!
推荐新闻
更多行业-
北京网站建设需要注意哪些方面?
由于互联网的快速发展,行业的发展,消费者审美的不断提高,需要对其内部布...
2022-07-08 -
网站设计中有哪7个严重错误?
大家都知道网站设计的重要性。不好的设计会给用户带来不好的体验,影响网页...
2022-06-27 -
高端网站设计需要多少钱?后期有增项吗?
因为网站设计有技术门槛限制,所以当客户需要进行高端网站设计时,肯定需要...
2022-11-09 -
创业型小企业怎样做好网站建设营销策划?
随着中国经济体制改革进入到深水区,一系列的改革举措令创业者欢呼雀跃。然...
2014-01-26 -
网站建设软件进度与问题跟踪
网站建设在现在是一种信息的载体,给需要的人传播有用的信息,网站建设就包...
2015-03-25 -
网站建设需要简洁精致
随着网站建设技能的不断提升,越来越多的网站功能可以通过技能来实现。可以...
2021-05-13
预约专业咨询顾问沟通!
免责声明
非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。
4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!
联系方式:010-60259772
电子邮件:394588593@qq.com