2017-02-01 2 views
0

WordPressでこのHTMLメニューを出力したい。私はulにクラスを与える方法とulの下に最初のタグを混同しています。ありがとう。WordPressのHTMLメニューを変換する

<div class="side-menu"> 
<ul> 

    <li class="dropdown"> 
     <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Holi Tourism <span class="fa fa-plus"></span></a> 
     <ul class="dropdown-menu menu-more"> 
     <li><a href="#">Mount Kailash Yatra</a></li> 
     <li><a href="#">Char Dham Yatra</a></li> 
     <li><a href="#">Muktinath Yatra</a></li> 
     <li><a href="#">Lumbini Yatra</a></li> 
     </ul> 
    </li> 
    <li class="dropdown"> 
     <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Destination <span class="fa fa-plus"></span></a> 
     <ul class="dropdown-menu menu-more"> 
     <li><a href="#">Nepal</a></li> 
     <li><a href="#">Thailand</a></li> 
     <li><a href="#">Singapore</a></li> 
     <li><a href="#">Europe</a></li> 
     <li><a href="#">America</a></li> 
     <li><a href="#">India</a></li> 
     </ul> 
    </li> 
    <li class="clearfix"><a href="#">Visa Assistance<em class="fa fa-plus"></em></a></li> 
</ul> 

+0

2番目と3番目のulクラスをすべて変更する必要はありません。そして、私はクラスと他の詳細をliタグとulタグの間のタグに与えます。 – Suhan

+0

これはブートストラップメニューで、ブートストラップメニューnav_walkerを探します。それはGoogleです。 – Christina

+0

ありがとうございます。 :)それはどうやって私はそのような明白なことを欠場するのですか? – Suhan

答えて

4

ステップ: 1.

<?php wp_nav_menu(array('menu' => 'Left Navigation Menu', 'menu_class' => 'nav navbar-nav')); ?> 

、のようなテーマであなたのheader.phpのファイルにそれを呼び出すし、あなたのワードプレスと の管理者からメニューを作成します。 "Left Navigation Menu"はメニューの名前です。

+0

しかし、 "ul"タグとclass = "dropdown-toggle" data-toggle = "dropdown" role = "button"のような他の詳細に特定のクラスを与える方法aria-haspopup = "true" aria-expanded = "false "を" a "タグに追加し、" span "タグにクラスも与えます。ありがとう – Suhan

+0

@ Suuhan機能を拡張するために 'walker'クラスを使用してください。 – amit

+0

<?phpの wp_nav_menu(配列( 'メニュー' => 'メニュー'、 'theme_location' => 'メニュー'、 'items_wrap' =>「%3 $ S」 '深度' => 0、 'コンテナー' => ''、 'menu_class' => 'ドロップダウンメニュー'、 )。 ?> –

関連する問題