修改blog标题样式

blog标题样式一直不太好,如下:

bt2.jpg

突然发现wordpress后台的blog标题样式不错,如下:

bt1.jpg

于是就想到使用它的样式,但本人css水平有限,不知道它是如何设置的,只能想办公把它的“拿”来用:

1、对wordpress后台界面拷屏(键盘的PrtScn键)并粘贴至photoshop中,使用吸管工具得到文字的颜色值(#c3def1)

2、使Total commander的当前目录为wordpress-2.1.3-zh_CN,使用Total commander的“查找文件”功能,将得到的颜色值 #c3def1复制到“查找文字”框中,然后点击“开始搜索”,在搜索结果框中就能找到带有#c3def1颜色值的文件,这里为D:wordpress-2.1.3-zh_CNwordpresswp-adminwp-admin.css,如下图:

tt2.jpg

3、打开wp-admin.css,找到带有#c3def1颜色值的一段,这里为:

#wphead h1 {
font-size: 2.5em;
font-weight: normal;
letter-spacing: -.05em;
margin: 0;
font-family: Georgia, "Times New Roman", Times, serif
}

4、进入wordpress后台——>模板——>模板编辑器,在右边选择“CSS样式表”文件,找出blog标题原来的样式,如下:

h1#blogname {font:serif, sans-serif;color:#fff;font-size:30px;font-weight: bold;letter-spacing: 0.1em;margin:4px;padding:0}/*xx-large*/

5、使用后台管理的样式表,将原来的样式表

h1#blogname {font:serif, sans-serif;color:#fff;font-size:30px;font-weight: bold;letter-spacing: 0.1em;margin:4px;padding:0}/*xx-large*/

修改为:

h1#blogname {
font-size: 2.5em;
font-weight: normal;
letter-spacing: -.05em;
margin: 0;
font-family: Georgia, "Times New Roman", Times, serif
}

修改完后,保存,再进入blog,就能看到如下的效果了。

bt3.jpg

Leave a Reply