WordPress 不同页面调用不同 Header 模板文件

WordPress 允许不同的页面使用不同 Header 模板。多个 Header 模板可以让我们的 WordPress 网站更加可定制化。

Wordpress 不同页面调用不同 Header 模板文件

不同页面调用不同 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.phpcategory.php 定义文章归档页
  • search.php 定义网站搜索结果页面

设置 get_header 函数参数

假设,要在 WordPress 网站的主页、页面和文章页面调用不同的 Header 模板文件。我们在调用首页 Header 模板文件时使用 get_header (); 函数,这时扩括号里面不加任何参数,系统会调用 index.php 模板文件。

接下来,我们分别为 “page” 页面和“文章”页面,创建 Header 模板文件。

按照以下步骤创建其他自定义 Header 模板文件:

  • 使用 FTP 工具或者宝塔面板的 FTP 工具打开 WordPress 网站主题文件夹;
  • 将文件 header.php 复制两次(根据需要创建更多);
  • 分别为复制得到的新模板文件重命名为:header-single.phpheader-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/

发表评论

登录后才能评论