WordPress主题模板教程2-模板文件结构

时间:2022-02-21 06:17:21

在上一节WordPress主题模板教程概述中我们看到了wordpress主题中有许多的模板文件,也介绍了模板和主题等概念。这一节我们来看看这些模板文件代码写法的基本规则和模板文件之间的重要性关系依存关系

HTML代码标签的基本规则

模板文件中的所有代码标签必须按照正确的顺序关闭。如下图所示,在打开每一个HTML代码标签的同时,必须正确地将它关闭。标签(tag)由<和>这两个尖括号包围;标签内容由<>开头,尖括 号里有反斜杠</>则表示标签在这里关闭。在上图中,我们使用了无序列表(ul)和列表项(li)标签来举例,在ul标签关闭之前,必须在 ul标签内部先关闭li标签。

WordPress主题模板教程2-模板文件结构

关闭标签:正确和错误的方法

模板文件之间的重要性关系

下面的图像中列出了模板文件中最主要的几个文件,只是举个例子所以并没有把所有的文件列出,在后面我们会详细接触到其他的模板文件。

WordPress主题模板教程2-模板文件结构

Wordpress 主题模板文件 主从关系

位于最上顶部的index.php是最重要的文件,然后下面从左到右,重要性一次为single.php、page.php、archive.php、search.php、404.php。

模板文件存在不同的重要性的原因是,当archive.php文件找不到时,Wordpress 博客系统将会调用index.php文件来控制文档页面(本来由archive.php控制显示的页面)的显示样式。同样,single.php不存在时,也将调用index.php来显示文章页面的样式。

模板文件之间的依存关系

请记住你的Wordpress博客的每一个页面,都是由多个模板文件组成的。下图演示的是wp博客首页是如何组成的:

WordPress主题模板教程2-模板文件结构

上图演示是远方博客首页,它由header、index、sidebar、footer四个模板文件组成。

Header模板文件header.php(头部)

WordPress主题模板教程2-模板文件结构在header.php模板文件里设置你的博客标题和博客描述,通常情况下你的所有博客页面的header.php都是一样的。

Index 模板文件(索引页)

这里包含了发表的博客文章的文章标题、文章内容(文字和图像等)、meta信息(如发表日期、作者、分类、评论数等等)。

WordPress主题模板教程2-模板文件结构

Sidebar 模板文件(边栏)

Sidebar模板文件设置固定页面、文章分类、文章存档和友情链接的链接列表。(sidebar不是一定要布局在右边,这里演示的只是典型的两栏的布局模板)。

WordPress主题模板教程2-模板文件结构

Footer 模板文件

和header.php模板文件一样,footer.php也是比较固定的,不用每个页面都不一样。你可以在这里放任何内容,但一般可以放置你的博客版权信息。

WordPress主题模板教程2-模板文件结构

以上演示的博客首页的模板文件之间的关系,那么文章页面又是由哪些模板文件组成的?

WordPress主题模板教程2-模板文件结构

由上面的结构图可以看出,文章页面只是将index.php模板文件替换成了single.php文件,header、sidebar、footer都和首页一样。相应地文章存档页面也只是将archive.php替换index.php文件就可以了。