WordPress Bootstrap5下拉菜单仅首页生效 内页功能异常求助

所有异常（内页下拉失效、点击仅追加#、前台管理栏消失、响应式汉堡按钮不显示）和你用的navwalker类没有关系，核心是静态资源加载、模板钩子、代码一致性三个层面的问题，按以下步骤修复即可：

• 修正静态资源入队逻辑
  不要把Bootstrap的CSS、JS文件直接写在front-page.php模板里，这种写法只有首页能加载到资源，内页完全读不到交互依赖，自然所有JS相关的功能全废。
  所有静态资源必须在主题的functions.php文件中通过wp_enqueue_scripts钩子统一注册入队，路径用WordPress自带的路径函数获取绝对地址，不要写相对路径。参考代码：

  function custom_theme_load_assets() {
      // 加载Bootstrap样式
      wp_enqueue_style( 'bootstrap5-css', get_template_directory_uri() . '/assets/css/bootstrap.min.css', [], '5.3.2' );
      // 加载主题主样式
      wp_enqueue_style( 'theme-main-style', get_stylesheet_uri(), [ 'bootstrap5-css' ], '1.0.0' );
  
      // 页脚加载Bootstrap脚本，依赖jQuery
      wp_enqueue_script( 'bootstrap5-bundle', get_template_directory_uri() . '/assets/js/bootstrap.bundle.min.js', [ 'jquery' ], '5.3.2', true );
      // 加载主题自定义导航脚本（如有）
      wp_enqueue_script( 'theme-nav-script', get_template_directory_uri() . '/assets/js/nav.js', [ 'bootstrap5-bundle' ], '1.0.0', true );
  }
  add_action( 'wp_enqueue_scripts', 'custom_theme_load_assets' );
  

• 补全模板必要钩子
  前台管理栏消失、页脚脚本不加载90%是因为模板缺了WordPress必需的钩子函数：
  • 全站所有模板文件（包括page.php、single.php、archive.php、search.php等所有内页模板）的<head>标签闭合前，必须加<?php wp_head(); ?>
  • 全站所有模板文件的</body>标签闭合前，必须加<?php wp_footer(); ?>
    缺wp_footer()不仅会让管理栏无法渲染，还会导致所有通过wp_enqueue挂载到页脚的JS完全不加载，Bootstrap的下拉、折叠交互自然全部失效，点击下拉项只会触发a标签默认的#锚点跳转。
• 统一全站导航栏代码结构
  不要只在首页模板里写符合Bootstrap5规范的导航HTML，把导航栏代码单独抽成template-parts/navbar.php公共模板片段，所有页面统一用get_template_part( 'template-parts/navbar' )调用，避免内页模板里的导航缺必要属性：
  • 下拉触发按钮必须携带data-bs-toggle="dropdown"属性
  • 汉堡折叠按钮必须正确配置data-bs-toggle="collapse"和data-bs-target属性，和折叠容器的ID一一对应
• 排查伪静态规则问题
  如果以上步骤都确认没问题，临时到WordPress后台-固定链接设置里，把固定链接切换成朴素模式测试，如果内页功能恢复，就是伪静态规则配置错误，直接点一次“保存更改”刷新固定链接规则即可恢复。

验证前清空站点缓存、浏览器缓存，避免旧静态资源缓存导致的误判。

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