如何在WordPress中用PHP嵌入目录下HTML文件？附代码求助

嘿，作为WordPress新手能想到用PHP动态加载内容已经超棒啦！我来一步步帮你搞定这两个问题～

咱们有两种常用方法，选哪种看你需求：

• 方法1：用include()/require()直接加载
  这是最常用的方式，能直接把HTML文件的内容插入到当前位置。要注意文件路径，WordPress有现成的常量帮你找对路径：

  • 用父主题的话，用get_template_directory()获取主题根目录路径
  • 用子主题的话，用get_stylesheet_directory()更合适

  举个例子：如果你的HTML文件放在主题目录的includes文件夹里，名叫province-info.html，代码可以这么写：

  <?php
  // 定义文件路径
  $html_file = get_template_directory() . '/includes/province-info.html';
  // 检查文件存在再加载，避免报错
  if (file_exists($html_file)) {
      include($html_file);
  } else {
      echo '<p>找不到指定的HTML文件哦</p>';
  }
  ?>
  

• 方法2：用file_get_contents()读取内容后输出
  这种方式会把HTML文件的内容读成字符串，再输出到页面上，适合需要先处理内容再显示的场景：

  <?php
  $html_file = get_template_directory() . '/includes/province-info.html';
  if (file_exists($html_file)) {
      $html_content = file_get_contents($html_file);
      // 这里可以对$html_content做一些修改，比如替换关键词
      echo $html_content;
  } else {
      echo '<p>找不到指定的HTML文件哦</p>';
  }
  ?>
  

既然你已经装了支持PHP运行的插件，咱们直接在文章/页面里写代码就行，分两步来：

第一步：插入带提交功能的下拉表单 #

把你原来的select改成带表单的版本，这样选完省份就能触发提交，自动加载对应内容：

<h3>Province:</h3>
<form method="post" action="">
    <select name="province" onchange="this.form.submit()">
        <option value="">请选择省份</option>
        <option value="A" <?php echo isset($_POST['province']) && $_POST['province'] == 'A' ? 'selected' : ''; ?>>A</option>
        <option value="B" <?php echo isset($_POST['province']) && $_POST['province'] == 'B' ? 'selected' : ''; ?>>B</option>
        <option value="C" <?php echo isset($_POST['province']) && $_POST['province'] == 'C' ? 'selected' : ''; ?>>C</option>
        <!-- 这里继续加其他省份选项 -->
    </select>
</form>

👉 小提示：onchange="this.form.submit()"能让用户选完省份就自动提交表单，不用额外点提交按钮；后面的PHP代码是为了记住用户之前选的省份，体验更友好。

第二步：用PHP处理提交并加载对应HTML #

在表单下面加这段PHP代码，它会判断用户选的省份，然后加载对应的HTML文件：

<?php
// 先判断是否有提交的省份值，同时做安全处理
if (isset($_POST['province']) && !empty($_POST['province'])) {
    $selected_province = sanitize_text_field($_POST['province']);
    // 定义HTML文件的存储路径，比如主题目录下新建一个html-provinces文件夹
    $target_html = get_template_directory() . '/html-provinces/province-' . $selected_province . '.html';
    
    // 检查文件是否存在，再加载
    if (file_exists($target_html)) {
        include($target_html);
    } else {
        echo '<p>该省份的内容还没更新哦，换个省份试试～</p>';
    }
}
?>

关键准备工作： #

1. 在你的WordPress主题目录下新建一个html-provinces文件夹（名字可以自己改，记得和代码里的路径对应）
2. 把各个省份的HTML文件放进去，命名要对应选项的value，比如选A就放province-A.html，选B就放province-B.html

安全提醒： #

一定要用sanitize_text_field()处理用户输入，防止恶意代码注入或者路径遍历攻击；同时检查文件是否存在，避免页面报错。

如果之后你想实现无刷新加载内容（不用刷新页面就能显示对应HTML），可以研究下WordPress的AJAX功能，不过先把上面的基础版本搞定，再进阶也不迟～

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