从子主题开始轻松地修改Wordpress风格(3)

取代父主题样式

现在让我们对子主题的样式做一些修改，将这些代码复制到子主题的style.css文件里。

修改字体为Arial

1. body {   
2.     font-family:Arial, sans-serif;   
3. }  

修改标题字体为Arial，font-weight属性为normal修改文章标题

h1, h2, h3 {        font-family:Arial, sans-serif;        font-weight:normal;    } 

修改头部背景

我把蓝色的头部背景换成了黑色，并保存在子主题的images文件夹，并用以下的代码覆盖父主题的样式。

修改侧边栏样式以及标题

经过对子主题样式的一些更改，最后我们的主题是这样的：

取代父主题模板

如果你需要对模板的结构做一定的修改？

答案是很容易。你只需要把你需要修改的模板文件从父主题文件夹复制到子主题文件夹。在Wordpress2.7以后，这样就会覆盖父主题的模板。

我不喜欢文章中metadate元数据的位置，我希望它在文章标题之下，日期之后。

为了做到这一点，我们从父主题文件夹复制index.php文件到子主题文件夹中。打开复制过来的index.php文件，替换17行的代码。

然后删除23行的代码，因为它已经显示在17行了。刷新页面，你将看到文章的元数据和日期在标题下面。

总结

我们已经创建和修改一个新的主题，而不必修改父主题的文件，所做的修改只在子主题的文件夹里。