如何让Laravel与public目录下的WordPress共用同一导航栏？

我整理了几个经过验证的方案，你可以根据自己的需求和技术栈灵活选择：

方案1：静态HTML片段复用（最简单，适合静态导航） #

如果你的导航栏没有动态内容（比如固定的菜单链接，不需要根据用户登录状态变化），这个方案最快上手：

• 先在Laravel项目里打开主布局页面，通过浏览器“查看页面源代码”提取渲染后的导航栏HTML
• 把这段HTML复制出来，粘贴到WordPress主题的对应模板文件里：如果是所有博客页面都要加，就修改wp-content/themes/你的主题/header.php，找合适位置插入；如果只想给/blog页面加，可以创建自定义页面模板page-blog.php，在模板里插入这段HTML
• 注意事项：调整导航栏里的资源路径（比如CSS、JS文件），因为WordPress在/blog子目录，原来的相对路径可能出错，建议改成绝对路径（比如/css/navbar.css而非../css/navbar.css）

方案2：通过Laravel API拉取导航内容（适合动态导航） #

如果导航栏有动态内容（比如用户登录状态、后台生成的动态菜单），用API方式能完美同步逻辑：

1. 在Laravel的routes/web.php里新增一个接口路由：

   Route::get('/api/navbar', function () {
       // 直接渲染导航栏视图并返回HTML
       return view('inc.navbar')->render();
   });
   

2. 在WordPress主题文件（比如header.php或自定义模板）中添加请求代码，同时加入缓存提升性能：

   // 先从缓存取，避免每次调用Laravel
   $navbar_html = get_transient('laravel_navbar');
   if (!$navbar_html) {
       $response = wp_remote_get(home_url('/api/navbar'));
       if (!is_wp_error($response) && wp_remote_retrieve_response_code($response) === 200) {
           $navbar_html = wp_remote_retrieve_body($response);
           // 缓存1小时，可按需调整时长
           set_transient('laravel_navbar', $navbar_html, 3600);
       } else {
           // 请求失败时降级显示WordPress默认导航
           $navbar_html = wp_nav_menu(['echo' => false]);
       }
   }
   echo $navbar_html;
   

• 优点：完全复用Laravel的导航逻辑，动态内容同步更新；缺点：依赖Laravel服务可用性，需处理缓存和错误降级

方案3：Laravel渲染导航栏直接嵌入（最接近原生体验） #

这个方案和方案2类似，但更直接让Laravel负责导航栏的完整渲染：

1. 在Laravel里创建专门路由，返回包含样式的导航栏HTML：

   Route::get('/navbar-render', function () {
       // 按需引入Laravel全局样式，避免样式缺失
       $css = file_get_contents(public_path('css/app.css'));
       $navbar = view('inc.navbar')->render();
       return "<style>$css</style>$navbar";
   });
   

2. 在WordPress模板里直接获取并输出内容（同域名无跨域问题）：

   $navbar_content = file_get_contents(home_url('/navbar-render'));
   echo $navbar_content;
   

   同样建议加上缓存逻辑，避免重复请求占用资源。

方案4：统一模板引擎（适合长期维护） #

如果想让WordPress和Laravel共用模板语法，减少后续维护成本：

• 给WordPress安装Blade模板支持（比如Blade One插件，或手动集成Blade引擎）
• 把Laravel的navbar.blade.php复制到WordPress主题的Blade模板目录
• 调整模板内的Laravel特有函数：比如把route('home')换成WordPress的home_url()，把Auth::check()换成is_user_logged_in()
• 在WordPress模板里直接渲染Blade文件：

  echo BladeOne::run('navbar', []);
  

• 优点：模板代码复用度高，后续修改导航栏只需改一个文件；缺点：需要额外配置模板引擎，适配WordPress环境的成本稍高

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