假设“早期现代”、“宗教”和“公园和花园”是真实的WP页面，那么wp_page_menu() 是你的朋友。

你的page.php 模板如下所示：

// code to output page header, etc, would be above this

$args = array (
    \'show_home\' => false,
    // see below for info on the \'walker\' arg
    \'walker\' => new My_Walker_Page_With_Featured_Image (),
    // any other wp_page_menu() args you want
    ) ;

// output the "top" page menu
wp_page_menu ($args) ;

// code to output page content goes here

// output the "top" page menu
wp_page_menu ($args) ;

// code to output page footer, etc, would be below this

查看所需的页面设计时，主要的复杂性是让图像出现在菜单项中。如果是我，我可能会做以下事情：

将该图像设置为页面的特色图像子类Walker_Page 并将该子类的一个实例作为walker arg到wp_page_menu()<在该子类中end_el() 方法，将页面的特色图像添加到列表项中。以下操作可能无法完成您需要完成的所有操作，但它应该为您指明正确的方向：

class My_Walker_Page_With_Featured_Image
    extends Walker_Page
{
    /**
     * append the page\'s featured image to the list item
     */ 
    function
    end_el (&$output, $page, $depth = 0, $args = array())
    {
        $output .= get_the_post_thumbnail ($page->ID) ;
        parent::end_el ($output, $page, $depth, $args) ;
    }
}