WordPress 主题制作教程(1):文件结构基本介绍

WP教程 欲思 0评论

最近在学习自己开发WordPress主题。感觉好多东西需要去学习。一些简单的前端的东西自己都已经忘了。网上看见一个比较不错的WordPress主题开放的教程介绍,所以也借鉴一些,自己也记录一下一些学习的过程。以后忘了也可以回过头来看看。也希望对有需要的朋友起到一些帮助。

WordPress 主题制作教程(1):文件结构基本介绍

首先是 WordPress 主题制作的一个最基本的介绍。开始之前一定要搞清楚WordPress主题的一些基本层式结构。

当然一定要懂HTML标签,会一些基本的html语言(超文本标记语言)代码编写,否则就没法进行了,也就不用继续看了。

一般来说每个主题至少要有这两个文件 – style.css 和 index.php。index.php 告诉主题中所有的元素如何布局,style.css 则告诉主题中所有的元素该如何展示和样式。下面是一个完整的主题含有的文件列表(就不详细标明每个文件的意思了,网上一搜一大把。):

  • style.css
  • index.php
  • home.php
  • single.php
  • page.php
  • archive.php
  • category.php
  • search.php
  • 404.php
  • comments.php
  • author.php
  • date.php

专业术语:

Template(模板)  其实就是一个代码集,主题中很多地方会利用到这个代码集,所以把它们整合成一个模板,这样就就不必一遍遍输入这些重复代码。

Template file(模板文件)一个包含一个或者多个代码集(模板)文件。每个主题是由多个模板文件组成的,如:index.php,style.css,sidebar.php 等等。

WordPress theme(WordPress 主题) 所有你正在使用的文件:文本,图像,代码等等。注意: WordPress theme(主题)和 WordPress template(s)(模板)是两个不同的东西,尽管有些人认为他们一样。

Post(日志)  现在你读的就是一篇日志。此外,它是你 blog 的一个简单的条目,如:一个页面或者一篇日记。

Page(静态页面)  一种特殊的 post,它不是以分类组织的。它有别于你其他的日志。注意:在 WordPress,page(页面)和 Page(静态页面)是两种不同的东西。

层式结构:

下图就是 WordPress 的层式结构图,它简单的向你展示,一旦你主题中的某个文件丢失了,WordPress 主题系统将会寻找什么模板文件来代替。这里列出了 6 个文件而不是完整的 13 个,因为这 6 个是相对更重要一些。

WordPress 的层式结构图

我们可以通过上面这张图的所处位置知道各个主题文件的重要性,越靠左越重要。当然你也可以去了解一下wordpress文件系统结构详细介绍

这里可能大家有个疑问,为什么会存在 WordPress 模板文件的层式结构,或者说是重要性级别呢?

因为 WordPress 利用这个层式结构去寻找相应的模板文件显示页面,并且在相应的文件丢失之后如何处理。

如果 archive.php 模板文件(用来显示存档页面)丢失了,那么 WordPress 将会使用 index.php 来控制存档页面如何显示。

如果 single.php 模板文件丢失了呢,哪个模板文件它会去寻找用来显示单一日志呢?它会寻找 index.php。

转载请注明:欲思博客 » WordPress 主题制作教程(1):文件结构基本介绍

如果你觉得这篇文章或者我分享的主题对你有帮助,请支持我继续更新网站和主题 !捐赠本站
喜欢 (3)or分享 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址