簡體   English   中英

如何在ul container wp_nav_menu wordpress和其他html標簽之后添加另一個li容器?

[英]How to add a another li container after ul container wp_nav_menu wordpress and other html tag?

請幫助我與沃克定制wp_nav_menu,謝謝

              <ul class="nav navbar-nav">
        <li class="dropdown yamm-fw"><a href="#" data-toggle="dropdown" class="dropdown-toggle">PROJECT<b class="caret"></b></a>
              <ul class="dropdown-menu">
            <li class="grid-demo">
                  <div class="row">
                <div class="col-sm-5">
                      <div class="col-sm-4"><a href="#" class="linkTrang">Introduction</a></div>
                      <div class="col-sm-4"><a href="#" class="linkTrang">Floor Plans A Type</a></div>
                      <div class="col-sm-4"><a href="#" class="linkTrang">Floor Plans B Type</a></div>
                      <div class="col-sm-4"><a href="#" class="linkTrang">Floor Plans C Type</a></div>
                      <div class="col-sm-4"><a href="#" class="linkTrang">Floor Plans D Type</a></div>
                      <div class="col-sm-4"><a href="#" class="linkTrang">Floor Plans E Type</a></div>
                    </div>
              </div>
                </li>
          </ul>
            </li>

如何在ul標簽后添加一些容器標簽,例如<li class="grid-demo"> <div class="row"> <div class="col-sm-5">

        <li><a href="#">LOCATION</a></li>
        <li><a href="#">FEATURES</a></li>
        <li class="dropdown yamm-fw"><a href="#" data-toggle="dropdown" class="dropdown-toggle">PAYMENT<b class="caret"></b></a>
              <ul class="dropdown-menu">
            <li class="grid-demo">
                  <div class="row">
                <div class="col-sm-5">
                      <div class="col-sm-4"><a href="#" class="linkTrang">Playment T&C</a></div>
                      <div class="col-sm-4"><a href="#" class="linkTrang">Financial Services</a></div>
                    </div>
              </div>
                </li>
          </ul>
            </li>
            <div class="spanLogo">aaa</div>

以及如何在此處添加一個<div class="spanLogo">aaa</div>

繼續

            <li class="dropdown yamm-fw"><a href="#" data-toggle="dropdown" class="dropdown-toggle">PUBLICITY<b class="caret"></b></a>
              <ul class="dropdown-menu">
            <li class="grid-demo">
                  <div class="row">
                <div class="col-sm-5">
                      <div class="col-sm-4"><a href="#" class="linkTrang">News & Events</a></div>
                      <div class="col-sm-4"><a href="#" class="linkTrang">Testimonial</a></div>
                    </div>
              </div>
                </li>
          </ul>
            </li>

在這里>>以及如何添加一個標簽,如上面的代碼,謝謝

        <li><a href="#">CONTACT</a></li>
         <a class="navbar-brand" href="#"><img src="images/logo_paujar_top.jpg"/></a>
      </ul>

我想建議您使用wp_get_nav_menu_items()函數。 在此功能中,您可以分別獲取所有菜單標題和URL,因此輕松管理html。

這是示范

<?php $menu_item = wp_get_nav_menu_items($menuId); foreach($menu_item as $menu):?> <a class="menu-iterm" href="<?php echo $menu->url;?>"> <?php echo $menu->title;?> </a> <?php endforeach;?>

有關更多信息,請訪問此處http://codex.wordpress.org/Function_Reference/wp_get_nav_menu_items

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM