或许很多新手在刚刚接触wordpress这个优秀的开源博客系统的时候,会急着试多几款漂亮的主题,特别是很多国外高手的主题。但是当套用别人的主题的时候往往会发现:
所以这时候,由于我们实在很喜欢这款主题,但是又没有网页制作的基础,没关系,跟我来吧。
在这里我推荐你先读读我爱水煮鱼翻译的教程《从零开始创建 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则是”.”),然后我们就可以对标题的样式进行修改啦,比如文字大小啦,颜色啦,链接颜色,你都可以在这里修改或添加。
当然,我在这里把一些基本的属性列出来:
好了,这个时候基本你已经可以掌握修改字体大小颜色的技能了,是不是很简单呢?
对于之后的一些问题我会在下篇日志中发表,不过基本上的技巧差不多是这样。
如果大家对css的基本规范有什么不懂可以google一下。
本文为原创,只发表与本人博客www.edirun.com。转载请与本人联系。
2 Responses
lover
13|Nov|2007 1你永远都不会是一个人的战役。
修改wordpress主题的建议#2-日志标题修改之2 by 爱跑-edi run
15|Nov|2007 2[…] 大家好,简单的入门教程又来了。建议你在看这篇文章之前先看看《修改wordpress主题的建议(入门级)#1》。 […]
Leave a reply