主页 / 问题 / 670501
Accepted
siberian
Asked:2020-05-25 13:20:32 +0000 UTC2020-05-25 13:20:32 +0000 UTC

为 WordPress 创建一个非标准菜单

  • 772

有一个这样的菜单结构：

              <ul class="nav navbar-nav nav__top-menu">
                    <li class="nav-item">
                        <a class="nav-link" href="index.html">home</a>
                    </li>
                    <li class="nav-item dropdown">
                        <span class="nav-link" id="thisIsUs" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >about</span>
                        <ul class="dropdown-menu" aria-labelledby="thisIsUs">
                            <li><a class="dropdown-item" href="#">sub1</a></li>
                            <li><a class="dropdown-item" href="#">sub2</a></li>
                            <li><a class="dropdown-item" href="#">sub3</a></li>
                            <li><a class="dropdown-item" href="#">sub4</a></li>
                            <li><a class="dropdown-item" href="#">sub5</a></li>
                        </ul>
                    </li>
       </ul>

一些顶级菜单项是链接a，一些是span包含链接的嵌套列表。

我这样连接菜单：

              <?php
                   $args = array(
                        'menu' => 'header-menu',
                        'menu_class' => 'nav navbar-nav nav__top-menu',
                        'container' => 'ul',                            
                    );
                    wp_nav_menu($args);    
                ?>

但默认情况下，所有菜单项都显示为链接а。

如何使具有li类的列表元素dropdown不包含链接，而是包含这样的跨度：<span class="nav-link" id="thisIsUs" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >...</span>。

正是需要这样的结构html，因为 响应式菜单库的工作取决于此。

php

1 个回答

  1. Best Answer

    在这里找到解决方案

    改变了一点：

    if ( $args->has_children && 0 === $depth ) {
                $item_output .= '<span' . $attributes . '>';
            } else {
                if (!empty($item->attr_title)) {
                    $pos = strpos(esc_attr($item->attr_title), 'glyphicon');
                    if (false !== $pos) {
                        $item_output .= '<a' . $attributes . '><span class="glyphicon ' . esc_attr($item->attr_title) . '" aria-hidden="true"></span>&nbsp;';
                    } else {
                        $item_output .= '<a' . $attributes . '><i class="fa ' . esc_attr($item->attr_title) . '" aria-hidden="true"></i>&nbsp;';
                    }
                } else {
                    $item_output .= '<a' . $attributes . '>';
                }
            }
    • 2

相关问题