WordPress虚拟页面导航菜单元框URL不显示问题求助

看起来你已经把虚拟页面加到导航菜单的元框里了，但卡在URL显示和前端跳转上——这很正常，因为虚拟页面不是真实的WP_Post对象，WordPress默认的菜单系统没法自动识别它的URL。咱们一步步来修复：

1. 给虚拟页面生成并绑定URL #

首先，你需要给每个存储在Transient里的虚拟页面定义对应的URL。假设你的虚拟页面用标题作为唯一标识，或者有自定义slug，那可以生成类似your-site.com/virtual-page/{slug}这样的URL。

比如在获取Transient里的虚拟页面数据时，给每个页面项加上url字段：

// 从Transient获取虚拟页面数据
$virtual_pages = get_transient('mp_virtual_pages');
$menu_items = [];

foreach ($virtual_pages as $page) {
    // 生成URL，这里假设用标题转成slug作为路径
    $slug = sanitize_title($page['title']);
    $virtual_url = home_url("/virtual-page/{$slug}/");
    
    $menu_items[] = [
        'ID' => 'virtual_' . md5($page['title']), // 唯一ID，避免和真实页面冲突
        'title' => $page['title'],
        'url' => $virtual_url, // 关键：加上URL字段
        'type' => 'custom', // 标记为自定义链接类型
        'type_label' => '虚拟页面'
    ];
}

2. 在菜单元框里正确传递URL #

在你注册菜单元框的回调里，需要确保这些带URL的虚拟页面项被正确传递给WordPress的菜单系统。如果用wp_add_nav_menu_item添加虚拟页面到菜单，要确保传入url参数：

foreach ($menu_items as $item) {
    wp_add_nav_menu_item($menu_id, [
        'menu-item-title' => $item['title'],
        'menu-item-url' => $item['url'], // 这里必须传URL
        'menu-item-type' => 'custom',
        'menu-item-status' => 'publish'
    ]);
}

3. 修复前端菜单链接的href #

如果前端还是空href，可能是菜单输出时没有正确读取虚拟页面的URL。可以用nav_menu_link_attributes过滤器强制设置：

add_filter('nav_menu_link_attributes', function($atts, $item, $args) {
    // 判断是否是虚拟页面的菜单项
    if (strpos($item->ID, 'virtual_') === 0) {
        // 从Transient里拿到对应的URL
        $virtual_pages = get_transient('mp_virtual_pages');
        foreach ($virtual_pages as $page) {
            if (md5($page['title']) === str_replace('virtual_', '', $item->ID)) {
                $atts['href'] = home_url("/virtual-page/" . sanitize_title($page['title']) . "/");
                break;
            }
        }
    }
    return $atts;
}, 10, 3);

额外提示：处理虚拟页面的访问路由 #

别忘了还要注册对应的路由，让用户访问这个URL时能显示虚拟页面内容：

add_action('init', function() {
    add_rewrite_rule(
        'virtual-page/([^/]+)/?$',
        'index.php?virtual_page_slug=$matches[1]',
        'top'
    );
    // 添加查询变量
    add_filter('query_vars', function($vars) {
        $vars[] = 'virtual_page_slug';
        return $vars;
    });
});

之后可以在template_redirect钩子里加载对应的模板或者输出虚拟页面内容。

这样修改后，后台菜单元框里应该能看到虚拟页面的URL，前端的href也会正常显示了。

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