WordPress主题开发教程二:模板文件介绍

在WordPress主题开发教程一中我们已经知道开发主题所需的技能与工具,下面让我们来看看开发wordpress主题模板文件的结构。

WordPress 博客的每个页面是由多个模板文件组成的,下面是首页的例子:

WordPress主题开发教程二:模板文件介绍插图1
WordPress主题开发教程二:模板文件介绍插图3

header.php模板文件一样,footer.php通常不会因为页面的改变而改变,你可以在这里放置任何东西,但是通常是版权信息

现在让我解释为什么把上面图片中的index.php所在的区域标为红色的。引文这块区域是会根据不同类型的页面而发生变化。

如果你在单一日志页面,这时候页面将会包含这四个模板文件:header.phpsingle.phpsidebar.php和 footer。

WordPress主题开发教程二:模板文件介绍插图5
WordPress主题开发教程二:模板文件介绍插图7

Footer 模板文件:

WordPress主题开发教程二:模板文件介绍插图9

header.php模板文件一样,footer.php通常不会因为页面的改变而改变,你可以在这里放置任何东西,但是通常是版权信息

现在让我解释为什么把上面图片中的index.php所在的区域标为红色的。引文这块区域是会根据不同类型的页面而发生变化。

如果你在单一日志页面,这时候页面将会包含这四个模板文件:header.phpsingle.phpsidebar.php和 footer。

WordPress主题开发教程二:模板文件介绍插图11
WordPress主题开发教程二:模板文件介绍插图13

Sidebar 模板文件

这个模板文件主要用于控制博客的页面列表类别列表存档列表友情链接列表其他一些列表

WordPress主题开发教程二:模板文件介绍插图15

Footer 模板文件:

WordPress主题开发教程二:模板文件介绍插图17

header.php模板文件一样,footer.php通常不会因为页面的改变而改变,你可以在这里放置任何东西,但是通常是版权信息

现在让我解释为什么把上面图片中的index.php所在的区域标为红色的。引文这块区域是会根据不同类型的页面而发生变化。

如果你在单一日志页面,这时候页面将会包含这四个模板文件:header.phpsingle.phpsidebar.php和 footer。

WordPress主题开发教程二:模板文件介绍插图19
WordPress主题开发教程二:模板文件介绍插图21

通常在这个文件中包含博客的标题(title)和描述(description)。而且它们通常在整个博客中都是一样的。

Index 模板文件:

这个模板文件包含你的日志的标题日志的内容(就是每篇日志的文本和图片)和日志元数据(元数据是每篇日志的额外信息,如作者是谁,日志发布的时间,在哪个分类下,有多少留言等等)。

WordPress主题开发教程二:模板文件介绍插图23

Sidebar 模板文件

这个模板文件主要用于控制博客的页面列表类别列表存档列表友情链接列表其他一些列表

WordPress主题开发教程二:模板文件介绍插图25

Footer 模板文件:

WordPress主题开发教程二:模板文件介绍插图27

header.php模板文件一样,footer.php通常不会因为页面的改变而改变,你可以在这里放置任何东西,但是通常是版权信息

现在让我解释为什么把上面图片中的index.php所在的区域标为红色的。引文这块区域是会根据不同类型的页面而发生变化。

如果你在单一日志页面,这时候页面将会包含这四个模板文件:header.phpsingle.phpsidebar.php和 footer。

WordPress主题开发教程二:模板文件介绍插图29

在上图中,我们可以看出主题的index.php是由 4 个模板文件组成:

  • header.php
  • index.php
  • sidebar.php
  • footer.php

Header 模板文件:

WordPress主题开发教程二:模板文件介绍插图31

通常在这个文件中包含博客的标题(title)和描述(description)。而且它们通常在整个博客中都是一样的。

Index 模板文件:

这个模板文件包含你的日志的标题日志的内容(就是每篇日志的文本和图片)和日志元数据(元数据是每篇日志的额外信息,如作者是谁,日志发布的时间,在哪个分类下,有多少留言等等)。

WordPress主题开发教程二:模板文件介绍插图33

Sidebar 模板文件

这个模板文件主要用于控制博客的页面列表类别列表存档列表友情链接列表其他一些列表

WordPress主题开发教程二:模板文件介绍插图35

Footer 模板文件:

WordPress主题开发教程二:模板文件介绍插图37

header.php模板文件一样,footer.php通常不会因为页面的改变而改变,你可以在这里放置任何东西,但是通常是版权信息

现在让我解释为什么把上面图片中的index.php所在的区域标为红色的。引文这块区域是会根据不同类型的页面而发生变化。

如果你在单一日志页面,这时候页面将会包含这四个模板文件:header.phpsingle.phpsidebar.php和 footer。

WordPress主题开发教程二:模板文件介绍插图39

原创文章 WordPress主题开发教程二:模板文件介绍,版权所有
如若转载,请注明出处:https://www.itxiaozhan.cn/20224393.html

发表评论

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