如何仅显示post_content HTML 阻止Elementor在AMP页插入页眉页脚

针对Web Stories页面需要仅输出post_content内合规AMP代码、不加载其他WordPress钩子输出内容的需求，可按以下优先级选择方案：

• 方案1：自定义模板完全接管渲染
  直接在当前使用的主题/子主题根目录，新建名为single-web-story.php的模板文件，写入以下代码后保存，WordPress会自动识别该模板并用于所有Web Story单页渲染，完全跳过主题、Elementor的页眉页脚输出逻辑：

  <?php
  if (have_posts()) {
      while (have_posts()) {
          the_post();
          the_content();
      }
  }
  exit;
  

  如果使用的Web Stories插件自定义文章类型slug不是默认的web-story，将模板文件名替换为single-{自定义post type slug}.php即可
• 方案2：钩子拦截移除Elementor注入逻辑
  如果不方便新建模板文件，可以将以下代码加入主题的functions.php文件中，通过条件判断在Web Story页面直接移除Elementor的模板接管逻辑，终止多余内容输出：

  add_action('template_redirect', function() {
      if (!is_singular('web-story')) return;
      // 移除Elementor模板替换钩子
      if (class_exists('\Elementor\Plugin')) {
          remove_action('template_include', [\Elementor\Plugin::$instance->templates_manager, 'template_include'], 11);
      }
      // 移除页眉、页脚挂载的所有输出钩子
      remove_all_actions('get_header');
      remove_all_actions('get_footer');
      // 直接输出内容后终止执行，避免后续多余输出
      while (have_posts()) {
          the_post();
          the_content();
          exit;
      }
  }, 5);
  

• 方案3：配合资源出队清理冗余加载
  如果完成以上配置后仍有Elementor或其他插件的样式、脚本残留，可以追加以下代码，在Web Story页面仅保留Web Stories自身的资源，其余全部出队：

  add_action('wp_enqueue_scripts', function() {
      if (!is_singular('web-story')) return;
      global $wp_scripts, $wp_styles;
      // 清理非Web Stories相关脚本
      foreach ($wp_scripts->queue as $handle) {
          if (strpos($handle, 'web-story') === false) {
              wp_dequeue_script($handle);
          }
      }
      // 清理非Web Stories相关样式
      foreach ($wp_styles->queue as $handle) {
          if (strpos($handle, 'web-story') === false) {
              wp_dequeue_style($handle);
          }
      }
  }, 99);
  

• 后台配置辅助校验
  进入WordPress后台Elementor设置页，找到「文章类型」配置项，确认Web Stories对应的文章类型没有开启Elementor编辑权限，从配置层面避免Elementor主动接管这类页面的渲染。

所有配置修改完成后，需要清空站点缓存、Elementor静态资源缓存后再验证效果，确认页面源码仅包含Web Stories生成的AMP合规代码，无多余页眉、页脚节点。

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