或许很多新手在刚刚接触wordpress这个优秀的开源博客系统的时候,会急着试多几款漂亮的主题,特别是很多国外高手的主题。但是当套用别人的主题的时候往往会发现:

  1. 字号太小
  2. sidebar边栏的功能不符合自己要求
  3. 颜色不喜欢
  4. 想把英文改成中文

所以这时候,由于我们实在很喜欢这款主题,但是又没有网页制作的基础,没关系,跟我来吧。

在这里我推荐你先读读我爱水煮鱼翻译的教程《从零开始创建 WordPress 主题》,这篇教程简单易懂,介绍了wordpress主题的一些基础知识。

好吧,无论你看完这16篇文章没有,总之,只要你肯静下来试一试,你一定可以把你的主题修改成你最需要最喜欢的。

接下来要做的是:

       打开xampp然后在本地登陆你的blog,你看了(《从零开始创建 WordPress 主题》第一篇吧?)。

问题1的解答:

      打开浏览器,点击工具栏-查看源文件。看到了吧,这些代码就是wordpress最终生成的静态页面的源代码,也就是说,你在你的blog页面看到的东西都是由这些源代码表示出来的(啰嗦了)。

先确定自己要修改哪部分内容的字号大小,然后ctrl+f查找它,比如说我想修改日志的标题大小,举个例子你有一篇日志名叫“hello world”,那么你可以在源代码中查找到”hello world”,关键的地方来了,你要做的就是看看套在”hello world”外面的层div的id 或 class名字是什么。

<div class=”PostHead”>
<h1><a href=”#” mce_href=”#”></a>
<a title=”Permanent Link to Hello world!” href=”http://localhost/wp/?p=1″ rel=”bookmark”>Hello world!</a>
</h1>
<p class=”PostDate”>
   <strong class=”day”>08</strong>
   <strong class=”month”>Nov</strong>
</p>
  <p class=”PostInfo”>作者: admin 归于: <a href=”http://localhost/wp/?cat=1″ title=”显示未分类的所有日志” rel=”category”>未分类</a> </p>
</div>

比如我这个主题里,我们可以看到”hello world”的内容处在 <div class=”PostHead”><h1><a></a></h1></div>的包围下。明确了这一点之后,我们就到主题文件夹下,打开style.css文件,再次使用ctrl+f这个武器,找到class或id的所在地(你可以看到,id是以”#”开头的,而class则是”.”),然后我们就可以对标题的样式进行修改啦,比如文字大小啦,颜色啦,链接颜色,你都可以在这里修改或添加。

当然,我在这里把一些基本的属性列出来:

  • font-size:  字的大小,一般采用px作为值的单位,比如font-size:18px;,记得在每个属性后面以分号”;”结束
  • font-family:”font1″,”font2″; 采用的字体,可以存在多个值,中间用逗号分隔
  • color: 字的颜色,一般使用”#”加颜色的16进制数进行表示。比如color:#cccccc;
  • font-weight: 属性一般用normal(普通),bold(粗体),当然还有bolder(更粗),lighter(更细)等等。比如font-weight:normal;

好了,这个时候基本你已经可以掌握修改字体大小颜色的技能了,是不是很简单呢?

对于之后的一些问题我会在下篇日志中发表,不过基本上的技巧差不多是这样。

如果大家对css的基本规范有什么不懂可以google一下。

本文为原创,只发表与本人博客www.edirun.com。转载请与本人联系。