可以将WordPress菜单按不同的div分开吗?

时间:2016-06-20 作者:Champii

我正在寻找一种显示WordPress菜单的方法,将其链接分隔为不同的div,如下所示:

<div class="col-2-4">
    <p><a href="">link</a></p>
    <p><a href="">link</a></p>
    <p><a href="link"></a></p>
</div>

<div class="col-3-4">
    <p><a href="">link</a></p>
    <p><a href="">link</a></p>
    <p><a href="link"></a></p>
</div>

<div class="col-4-4">
    <p><a href="">link</a></p>
    <p><a href="">link</a></p>
    <p><a href="link"></a></p>
</div>
如果没有办法,我不介意回到列表方式。

1 个回复
SO网友:Allan Empalmado

是的,这是可能的,请看下面的代码,它会给你的基本想法。您可以将ul更改为div,并添加一些逻辑以满足您的需要。

$menu_name = \'primary\';
$menu = wp_get_nav_menu_object( $locations[ $menu_name ] );
$menu_items = wp_get_nav_menu_items($menu->term_id);
$menu_list = \'<ul id="menu-\' . $menu_name . \'">\';
foreach ( (array) $menu_items as $key => $menu_item ) {
    $title = $menu_item->title;
    $url = $menu_item->url;
    $menu_list .= \'<li><a href="\' . $url . \'">\' . $title . \'</a></li>\';
}
$menu_list .= \'</ul>\';
这里有一个很好的参考:https://developer.wordpress.org/reference/functions/wp_get_nav_menu_items/

相关推荐

无法将设置添加到“NAV_MENUS”定制器面板

我试图在自定义程序的“菜单”面板中添加一个复选框,但由于某些原因,它没有显示出来。如果我尝试将其从“nav\\u菜单”更改为“title\\u tagline”或“colors”,复选框会显示得很好。是什么阻止它显示在“菜单”面板上?// add custom options to the Customizer function nssra_customizer_options($wp_customize) { // add \"menu primary flex\" checkb