首页 > 主题开发 > 模板层次 > WordPress模板层次01:模板文件
2018
02-15

WordPress模板层次01:模板文件

什么是模板文件

WordPress中的模板文件其实是一个单一的PHP文件,用于确定网站前端显示的特定页面。它们可以包括HTML,PHP和WordPress中的PHP函数。

WordPress对这些模板文件有特殊的命名约定,因此所有的主题,在后端都共享一个通用的文件集。这使得不同的WordPress主题的开发变得更加容易。因为你可以有条不紊地,通过不同的模板选项,来查看它们在现有网站中的位置。

在本教程中,我们将要查看WordPress中的每一个模板文件,并学习它们之间的连接方式。

切换到新主题

所以,首先,为了讲解模板的方便,这里就暂时不能使用WordPress开发入门中使用的子主题了,这里切换为twentyfourteen主题。

如果你没有twentyfourteen主题,可以自行百度,也可以从下面链接下载:

链接:https://pan.baidu.com/s/1mkaKx2C 密码:2aju

安装并启用这个主题,还不会的同学可以参考“WordPress使用入门

添加对模板文件的测试

切换主题后,来到网站的前端,切换到“自定义模板页面”。

You must be logged in to view the hidden contents.

接着,在WordPress后台,在 外观 >> 编辑 下,可以看到这个主题的所有模板文件:

template file xuhss.com02 - WordPress模板层次01:模板文件

向下滚动并找到page.php模板。点击编辑这个模板文件:

template file xuhss.com03 - WordPress模板层次01:模板文件

在开始循环的PHP代码之前。我们放置一些测试代码:

	<div id="primary" class="content-area">
		<div id="content" class="site-content" role="main">
TEST!!! /***这行是测试代码***/
			<?php

然后,点击“更新文件”。

现在,来到网站前台,并来到“自定义模板页面”,应该可以看到测试代码的效果。

You must be logged in to view the hidden contents.

注意,刚刚我们打开的是“自定义模板页面”!

但是,如果打开的是网站的博客文章,可以看到测试代码并不会被显示:

template file xuhss.com06 - WordPress模板层次01:模板文件

这是因为 page.php 模板文件只控制页面而不是文章

最后编辑:
作者:MrBang
WordPress迷

留下一个回复