你可能想看看沃克的课程。我用它向WordPress创建的菜单添加了向下箭头，并添加了我自己的css div和sections。也许您可以使用Walker菜单添加一个框，然后将其背景设置为某个图像：悬停等。。。

class My_Walker extends Walker_Nav_Menu
{
function start_el(&$output, $item, $depth, $args) {
    global $wp_query;
    $indent = ( $depth ) ? str_repeat( "\\t", $depth ) : \'\';

    $class_names = $value = \'\';

    $classes = empty( $item->classes ) ? array() : (array) $item->classes;

    $class_names = join( \' \', apply_filters( \'nav_menu_css_class\', array_filter( $classes ), $item ) );
    $class_names = \' class="\' . esc_attr( $class_names ) . \'"\';

    $output .= $indent . \'<li id="menu-item-\'. $item->ID . \'"\' . $value . $class_names .\'>\';

    $attributes  = ! empty( $item->attr_title ) ? \' title="\'  . esc_attr( $item->attr_title ) .\'"\' : \'\';
    $attributes .= ! empty( $item->target )     ? \' target="\' . esc_attr( $item->target     ) .\'"\' : \'\';
    $attributes .= ! empty( $item->xfn )        ? \' rel="\'    . esc_attr( $item->xfn        ) .\'"\' : \'\';
    $attributes .= ! empty( $item->url )        ? \' href="\'   . esc_attr( $item->url        ) .\'"\' : \'\';

    $item_output = $args->before;
    $item_output .= \'<a\'. $attributes .\'>\';
    $item_output .= $args->link_before . apply_filters( \'the_title\', $item->title, $item->ID ) . $args->link_after;
    $item_output .= \'<br /><div class="sub">\' . $item->description . \'</div>\';
    $item_output .= \'</a>\';
    $item_output .= $args->after;

    $output .= apply_filters( \'walker_nav_menu_start_el\', $item_output, $item, $depth, $args );
}
}

如果您看到最后，我添加了一个类“sub”，以便添加自己的数据。一开始有点困惑，但这是一个非常强大的类。

http://codex.wordpress.org/Function_Reference/Walker_Class

如果不一定要自由，我相信UberMenu - WordPress Mega菜单插件可以满足您的需要。

Features:

<与WordPress 3菜单系统集成在一起

响应式CSS&；jQuery菜单

20多个预设-或使用样式生成器

支持菜单项的图像和说明

添加小部件、短代码和；更多

它维护良好，响应迅速，拥有5星级买家评级，是CodeCanyon上的特色插件。大约18美元。

签出screenshots, 或者live preview.