如何在WordPress添加页面？自定义Bootstrap主题contact.php加载问题

完全正确，你必须在WordPress后台创建对应的页面实体并和你的contact.php模板绑定——WordPress不会自动识别主题文件夹里的contact.php就是某个页面的模板文件，得给它明确的关联指令。下面是详细的操作步骤和注意事项：

步骤1：给contact.php添加模板识别注释 #

首先要在你的contact.php文件最顶部添加一段特殊注释，让WordPress识别这是一个自定义页面模板。打开contact.php，在最开头加上：

<?php
/*
Template Name: 联系我们页面
*/
// 记得调用主题的头部和底部，保证Bootstrap资源正常加载
get_header();
?>

<!-- 这里放你的联系页面HTML内容，比如Bootstrap表单、联系方式模块 -->
<div class="container mt-5">
  <h2>联系我们</h2>
  <form class="mt-3">
    <!-- 你的表单代码 -->
  </form>
</div>

<?php get_footer(); ?>

这段注释是核心，WordPress会在后台页面编辑界面的「页面属性」里显示这个模板名称。

步骤2：在后台创建关联页面 #

登录你的WordPress后台，按以下操作：

• 左侧菜单点击「页面」→「新建页面」
• 填写页面标题（比如「联系我们」），页面内容可以留空——因为你的contact.php里已经写了页面的具体内容，后台的内容会被模板里的内容覆盖（如果模板里没有调用the_content()的话）
• 滚动到页面右侧的「页面属性」面板，找到「模板」下拉菜单，你会看到刚才定义的「联系我们页面」选项，选择它
• 点击右上角的「发布」按钮，完成页面创建

步骤3：更新导航菜单链接 #

接下来要确保导航菜单里的「联系我们」链接指向你刚创建的后台页面：

• 左侧菜单点击「外观」→「菜单」
• 找到你正在使用的导航菜单（就是index.php里加载的那个）
• 如果之前的「联系我们」是手动添加的URL链接，先把它删掉；然后从左侧的「页面」列表里找到你刚创建的「联系我们」页面，点击「添加到菜单」
• 调整好菜单顺序后，点击「保存菜单」

额外排查小贴士 #

如果做完以上步骤还是无法加载页面，可以检查这些点：

• 确认contact.php里正确调用了get_header()和get_footer()——这两个函数会加载主题的头部（包括Bootstrap的CSS/JS资源）和底部，缺失的话页面可能样式错乱或者无法正常渲染
• 检查固定链接设置：进入「设置」→「固定链接」，选择「文章名」或者其他非「朴素」的选项，然后点击「保存更改」——这能刷新WordPress的URL重写规则，避免页面访问404
• 如果你用了缓存插件，记得清空插件缓存和浏览器缓存，再重新测试

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