这个是虚坏叔叔的主站。牢记域名: [xuhss.com](拼音首字母)。首页可以搜索或: 虚幻账号

WordPress模板层次01:模板文件

模板层次 虚幻 718℃ 0评论

什么是模板文件

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

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

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

切换到新主题

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

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

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

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

添加对模板文件的测试

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

[mem]

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

[/mem]

接着,在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

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

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

[mem]

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

[/mem]

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

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

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

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

转载请注明:虚坏叔叔 » WordPress模板层次01:模板文件

喜欢 (1)

您必须 登录 才能发表评论!