将静态HTML页面导入WordPress后如何添加站点页眉与页脚？

问题根源 #

你当前的代码存在三个关键问题：

• get_header()函数本身会输出主题页眉的完整结构，包括<!DOCTYPE html>、<html>、<head>以及<body>的开头部分，你重复添加<!DOCTYPE html>会导致HTML结构混乱，浏览器无法正常解析。
• 你提前闭合了</html>标签，并且把get_footer()放在闭合标签之外，完全不符合HTML规范，而且WordPress的get_footer()通常会输出</body>和</html>，双重闭合会进一步破坏页面结构。
• 直接放置的PHP文件可能没有加载WordPress核心环境，导致get_header()这类WordPress函数无法正常运行。

修正步骤 #

1. 引入WordPress核心环境 #

在PHP文件最顶部添加代码，确保能调用WordPress的函数：

<?php
// 根据你的文件位置调整路径，根目录直接用/wp-load.php，子目录需要调整层级
require_once($_SERVER['DOCUMENT_ROOT'] . '/wp-load.php');
?>

2. 修正页面结构 #

移除重复的HTML根标签，只保留页面主体内容，正确结构如下：

<?php
require_once($_SERVER['DOCUMENT_ROOT'] . '/wp-load.php');
get_header();
?>

<!-- 这里放你原有HTML页面中<body>标签内部的内容，不要DOCTYPE、html、body这些外层标签 -->

<?php get_footer(); ?>

3. 优化访问路径（可选） #

如果想通过test.com/html-page（不带.php后缀）访问，可以用自定义页面模板的方式：

• 将你的PHP文件重命名为page-html-page.php，放到当前主题的目录下。
• 登录WordPress后台，新建一个页面，标题设为html-page，在页面属性的“模板”选项中选择这个自定义模板，发布后即可通过目标地址访问。

内容的提问来源于stack exchange，提问作者N m