WordPress 允许不同的页面使用不同 Header 模板。多个 Header 模板可以让我们的 WordPress 网站更加可定制化。
不同页面调用不同 Header 模板,可以让网站的不同页面采用不同的布局和设计,可以拥有不同的功能,也可以显示不同的信息。例如,在主页 Header 展示幻灯片,在其他页面上展示banner图片,在网站不同页面头部使用不同的菜单、小工具或任何其他元素。要实现样的效果,我们需要借助 WordPress 的 get_header 函数。
get_header 函数
所有 WordPress 模板文件都需要使用 get_header 函数来调用网站头部模板,get_header 代码通常位于每一个模板文件最开始的位置。默认的调用方法是使用 get_header(); 括号内没有任何参数,它将加载 header.php 模板的内容。
WordPress 网站基本的模板文件结构如下所示:
- index.php 定义网站主页
- page.php 定义网站页面内容
- single.php 定义网站的文章页面
- archive.php 或 category.php 定义文章归档页
- search.php 定义网站搜索结果页面
设置 get_header 函数参数
假设,要在 WordPress 网站的主页、页面和文章页面调用不同的 Header 模板文件。我们在调用首页 Header 模板文件时使用 get_header (); 函数,这时扩括号里面不加任何参数,系统会调用 index.php 模板文件。
接下来,我们分别为 “page” 页面和“文章”页面,创建 Header 模板文件。
按照以下步骤创建其他自定义 Header 模板文件:
- 使用 FTP 工具或者宝塔面板的 FTP 工具打开 WordPress 网站主题文件夹;
- 将文件 header.php 复制两次(根据需要创建更多);
- 分别为复制得到的新模板文件重命名为:header-single.php 和 header-page.php;
- 根据需要对模板内容进行更改。
使用 get_header 调用不同模板文件
我们已经为“页面”和“文章”创建了不同的 Header 模板,那我们应该如何调用他们呢?
我们已经介绍过,我们要让网站主页使用默认的 index.php 模板文件,其中调用头部模板的函数 get_header (); 不带任何参数。而“页面“和”文章”需要调用新创建的头部模板文件,我们只需要在调用模板文件的 get_header(); 函数添加相应参数就可以了。
安装如下步骤操作:
- 在 WordPress 主题编辑器中打开 single.php 文件;
- 找到 get_header(); 函数;
- 我们为文章页面创建的模板文件为 “header-single.php” ,因此需要将 “single” 作为参数添加到 get_header (‘single’); 函数中;
- 我们为文章页面创建的模板文件为 “header-page.php” ,因此需要将 “page” 作为参数添加到 get_header (‘page’); 函数中;
通过上面的步骤,我们就完成了对新头部模板文件的调用。
作者:牛奇网,本站文章均为辛苦原创,在此严正声明,本站内容严禁采集转载,面斥不雅请好自为之,本文网址:https://www.niuqi360.com/wordpress/different-page-different-header-file-in-wordpress/