如何使用WordPress主题模板开发主题

首先需要找一个空的主题模板,这个主题模板就是未来我们自己所开发的主题的基础框架。那么空的模板哪里有呢?当然Google一下便能找到。有许许多多专业的开发者做这样空的模板供人们使用,最好经过SEO搜索引擎优化的。像这样的模板有很多,比如Starkers、BlankTheme等等,大同小异,随您喜欢。

下载完解压开,就知道Wordprss主题就是一个文件夹,里面包含了index.php、header.php、footer.php、 siderbar.php等等PHP文件,首先我们就来了解一下每个文件的作用,弄明白页面的结构,然后才知道针对每个php文件我们可以做写什么操作来 得到想要的页面效果。

  • 首先是index.php,索引页,也就是你的博客首页,在这个文件里需要调用header、footer和siderbar,当然这些东西模板里都帮你写好了。
  • header.php:这里通常要写上博客的信息,比如标题(title)、描述(description),还要将你调用的js脚本,css脚本等写在这里。而且经常把博客Logo放在这用CSS布局。
  • footer.php:一般包含版权信息。
  • siderbar.php:侧边栏模板,用来放文章分类列表啊、存档列表啊、友情链接啊神马的。
  • style.css:这个也是必须的文件,包含主题所有的css样式。像Starkers这样的主题模板还包含一个css的文件夹,里面又分 layout.css(布局样式)、reset.css(重置样式)、typography.css(字体图片的样式)和ie.css(为IE浏览器专门 写的样式),这样做是为了方便日后修改维护代码,但是要使这些附加的css样式表起作用,还得把它们import到style.css里面,当然模板里也 写好了。
  • images文件夹:不用罗嗦了吧,把所有要用到的图片都丢到这里来,最好再分类一下。
  • page.php:这个是页面文件,什么叫页面呢?以我的博客为例,右上角的about就是一个页面,page.php可以让我们为像这样的页面单独做样式。
  • single.php:这是单文章页面,也就是你点击进入一篇博文后浏览器所显示的这个页面,它用来给每篇完整的博文做样式。只所以我的博客点进 一篇文章后跟主页样式大同小异,是因为我把样式写的跟主页index.php一样罢了,这样我就可以在主页用more标签显示文章摘要,然后点进文章里才 跳转到single页面来显示完整的博文。
  • search.php:用来显示搜索结果的页面。
  • archive.php:当你点击侧边栏的归档列表,就进入了archive页面。
  • category.php:点击侧边栏的分类列表,就进入了category页面。
  • comments.php:控制你的博客留言的区块,在这里修改avatar头像的大小啊,留言格式啊什么的。
  • 404.php:当然就是著名的404 page not found页面啦。给错误页面做个有趣的样式吧。
  • function.php:这个是主题的功能函数文件,大多是在里面写一些php函数啊、javascript啊,用来丰富主题的功能,当然,没有额外功能,这个主题也已经能正常运作了。

Starkers主题模板刚升级了,所以还包含了其他一些页面,但有些页面是可以不用去管它的,因为css操作不到那个地方,比如loop.php这样的博客主循环文件。

要理解整个主题的结构,否则在写CSS样式的时候都不知道自己是在为主题的哪一部做修饰,那再怎么按F5刷新也不会看到浏览器里的样式有什么变化。 好吧,如果你理解了这些,就可以开始用从CSS Zen Garden学到的CSS知识做一个自己的主题了,动手写代码吧!有个小建议,可以到csszengarden上找个喜欢的样式,然后copy下所有的图片元素,试着用css把图片布局到主题上,注意要每个页面都有样式化,否则很可能你只是做了主页而已。

2条评论

oalleno进行回复 取消回复

您的电子邮箱地址不会被公开。 必填项已用*标注