WordPress调用get_footer函数不显示页脚且body被自动添加id与样式

问题根源 #

你遇到的两个问题是强关联的：body上的id="error-page"是WordPress核心错误输出模块的默认标识，出现这个标记说明页面执行过程中触发了PHP致命错误，程序提前终止运行，get_footer()函数根本没有被执行到，所以页脚无法加载，你写在页脚的jQuery代码也没有被输出到页面，自然无法生效。

优先执行的根因修复方案 #

• 开启WordPress调试模式定位错误
  打开站点根目录的wp-config.php文件，修改以下配置项：

  // 开启调试模式
  define( 'WP_DEBUG', true );
  // 页面显示错误信息
  define( 'WP_DEBUG_DISPLAY', true );
  // 调试完成后建议关闭DISPLAY，开启日志记录
  // define( 'WP_DEBUG_LOG', true );
  

  刷新页面后就可以看到具体的PHP报错信息，根据报错修正对应的代码（通常是最近修改的主题文件、自定义功能、冲突插件的问题），错误修复后error-page标识和默认样式会自动消失，get_footer()也会正常执行。
• 排查插件/主题冲突
  先批量禁用所有插件，确认问题消失后逐个启用，定位触发错误的插件；如果禁用插件无效，切换到WordPress默认主题（如Twenty Twenty-Four），排查是否是当前主题的代码问题。

临时治标方案（不推荐，仅用于紧急场景） #

如果需要先临时屏蔽异常样式和属性，可以通过以下两种方式处理：

1. 用钩子过滤body属性（比JS方案更稳定）
   在主题的functions.php文件中添加以下代码：

   // 移除body上的error-page id
   add_filter( 'body_id', function( $body_id ) {
       if ( $body_id === 'error-page' ) {
           return '';
       }
       return $body_id;
   } );
   // 移除多余的body class
   add_filter( 'body_class', function( $classes ) {
       $unwanted_classes = [ '这里替换为你要删除的class名' ];
       return array_diff( $classes, $unwanted_classes );
   } );
   // 卸载默认错误样式
   add_action( 'wp_enqueue_scripts', function() {
       wp_dequeue_style( 'error-page-styles' ); // 替换为实际的样式句柄
   }, 999 );
   

2. 头部插入原生JS强制清除属性
   在主题header.php的</head>标签前添加以下代码，不需要依赖jQuery，执行时机更早：

   <script>
   document.addEventListener('DOMContentLoaded', function() {
       const bodyEl = document.body;
       bodyEl.removeAttribute('id');
       // 需要移除行内样式的话可加下面这行
       // bodyEl.removeAttribute('style');
   });
   </script>
   

内容的提问来源于stack exchange，提问作者mohamad mehdi hajati