使用插件上传页眉页脚后WordPress站点光标不显示是什么原因？

核心原因定位 #

所有自定义页眉/页脚插入类插件的逻辑都是将用户提交的代码全局注入到WordPress前端页面中，该问题与插件本身无关，本质是你提交的自定义页眉/页脚代码，或是插件注入的默认资源与Remake主题的样式/脚本存在冲突。

分步排查修复 #

• 第一步：优先排查cursor样式冲突
  打开浏览器开发者工具（F12），切换到元素面板选中<body>标签，在右侧样式栏查找是否存在cursor: none的规则，确认规则来源：
  • 若规则来自你自定义的页眉/页脚代码，直接删除对应样式规则即可
  • 若规则来自插件自带样式或主题默认样式，在WordPress后台「外观-自定义-额外CSS」中添加如下覆盖规则：

  body, body * {
    cursor: default !important;
  }
  /* 可按需补充其他元素的光标样式 */
  a, button {
    cursor: pointer !important;
  }
  input, textarea {
    cursor: text !important;
  }
  

• 第二步：排查自定义代码中的JS逻辑
  部分第三方交互脚本、全屏演示脚本会存在监听鼠标事件隐藏光标的逻辑。你可以先清空提交的页眉/页脚所有自定义代码，仅插入一段纯文本测试，如果光标恢复正常，再逐段添加原有代码定位问题脚本，删除或修改对应逻辑即可。
• 第三步：移除插件冗余资源
  若确认冲突来自插件注入的默认样式/脚本，你可以在主题functions.php文件中添加如下代码，移除插件加载的冗余资源：

  add_action( 'wp_enqueue_scripts', function() {
    // 替换引号内内容为对应插件的样式、脚本handle名，可从开发者工具网络面板的资源URL中提取
    wp_dequeue_style( 'target-plugin-style-handle' );
    wp_dequeue_script( 'target-plugin-script-handle' );
  }, 999 );
  

• 第四步：无需插件实现同等功能（彻底规避插件冲突）
  如果你不想再受同类插件的兼容问题影响，可以直接使用WordPress原生钩子实现自定义代码注入，完全替代插件功能，在主题functions.php中添加如下代码即可：

  // 注入自定义页眉代码
  add_action( 'wp_head', function() {
    ?>
    <!-- 在此处粘贴你需要插入的页眉代码 -->
    <?php
  }, 999 );
  
  // 注入自定义页脚代码
  add_action( 'wp_footer', function() {
    ?>
    <!-- 在此处粘贴你需要插入的页脚代码 -->
    <?php
  }, 999 );
  

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