WordPress主题开发：菜单中页面特色图片不显示问题求助

嘿，我瞅了下你的代码，核心问题是把菜单项ID和关联页面的ID搞混了！

你用$menu->ID传给get_the_post_thumbnail()，但这个ID是WordPress里nav_menu_item这个自定义文章类型的ID——菜单项本身没有特色图片，你要的特色图片其实存在它关联的页面里，得用页面的ID来调用。

修正后的代码及说明 #

你需要用菜单项的object_id属性，它才对应着菜单链接指向的页面ID。另外还加了几个WordPress开发的最佳实践优化：

<div class="row">
    <?php 
    $navMenu = wp_get_nav_menu_items('products'); // 注意给菜单名加引号，避免PHP常量警告
    foreach ($navMenu as $menu) {
        if($menu->menu_item_parent == 0) {
            // 获取菜单项关联的页面ID
            $target_page_id = $menu->object_id;
            
            // 先判断页面是否存在特色图片，避免输出空标签
            if(has_post_thumbnail($target_page_id)) {
                // 用esc_url和esc_html做转义，避免XSS安全问题
                echo '<div class="col-md-4"><a href="'. esc_url($menu->url) .'">' . get_the_post_thumbnail($target_page_id) . '<p>' . esc_html($menu->title) . '</p></a></div>';
            } else {
                // 可选：没有特色图片时显示默认图或提示
                echo '<div class="col-md-4"><a href="'. esc_url($menu->url) .'"><img src="你的默认图片路径" alt="默认封面"><p>' . esc_html($menu->title) . '</p></a></div>';
            }
        }
    }
    ?>
</div>

关键修改点： #

1. 替换$menu->ID为$menu->object_id，拿到真正的页面ID
2. 给wp_get_nav_menu_items()的参数加上引号，修复PHP潜在的常量警告
3. 增加has_post_thumbnail()判断，避免无特色图片时输出空白
4. 用esc_url()/esc_html()对输出内容转义，符合WordPress安全规范

这样调整后，应该就能正常显示每个菜单对应的页面特色图片啦！

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