Question

我正在构建一个使用大型下拉式菜单的网站，该菜单的样式使用包含子菜单的嵌套ul周围的div。

有人知道如何自定义Wordpress生成的菜单输出（wp_nav_menu）以在嵌套子菜单ul周围添加包含div吗？

有两个参数

'before'=＆gt; '， 'after'=＆gt; ''，

但不幸的是，这些只是在实际链接之前添加内容而不是整个子菜单。

如果您有任何指示或已经完成此操作，我真的很感激。

干杯，

戴夫

Answer 1

管理来解决这个问题！

使用自定义walker（您放入主题functions.php文件中）如下所示添加包含div的

class Walker_Page_Custom extends Walker_Nav_Menu {
/**
 * @see Walker::start_lvl()
 * @since 2.1.0
 *
 * @param string $output Passed by reference. Used to append additional content.
 * @param int $depth Depth of page. Used for padding.
 */
function start_lvl(&$output, $depth) {
    $indent = str_repeat("\t", $depth);
    $output .= "\n$indent<div class='sub'><div class='sub-top'><!-- --></div><!--sub-left --><div class='sub-mid'><ul>\n";
}

/**
 * @see Walker::end_lvl()
 * @since 2.1.0
 *
 * @param string $output Passed by reference. Used to append additional content.
 * @param int $depth Depth of page. Used for padding.
 */
function end_lvl(&$output, $depth) {
    $indent = str_repeat("\t", $depth);
    $output .= "$indent</ul><span class='clear'><!-- --></span></div><!--sub-mid --><div class='sub-bottom'><!-- --></div><!--sub-bottom --><span class='clear'><!-- --></span></div><!--sub -->\n";
}

}

然后将其包含在wp_nav_menu数组中，如下所示

 'walker' => new Walker_Page_Custom

希望这有助于某人！

戴夫

Wordpress：自定义wp_nav_menu的输出，在嵌套ul之前添加div

1 个答案: