2017-02-01 4 views
0

Ich möchte dieses HTML-Menü in WordPress ausgeben. Ich bin verwirrt, wie man Ul und der ersten ein Tag unter ul Klassen geben. Vielen Dank.Konvertieren HTML-Menü in WordPress

<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

Ich möchte die zweite und dritte UL-Klasse nur nicht alle von ihnen ändern. Und hw ich gebe Klassen und andere Details zu dem a-Tag zwischen li und UL-Tags. – Suhan

+0

Dies ist ein Bootstrap-Menü, suchen Sie nach einem Bootstrap-Menü nav_walker. Google es. – Christina

+0

Danke. :) Wie vermisse ich so eine offensichtliche Sache. – Suhan

Antwort

4

Schritte: 1. Erstellen Sie ein Menü von Admin Wordpress und dann rufen Sie es in Ihrem header.php Datei in dem Thema wie,

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

"Left Navigation Menu" ist der Name Ihres Menüs.

+0

aber wie gebe ich dem "ul" -Tag spezifische Klassen und andere Details wie class = "dropdown-toggle" data-toggle = "Dropdown" role = "button" aria-haspopup = "true" aria-expanded = "false "zum" a "-Tag und geben auch Klassen zum" Span "-Tag. Danke – Suhan

+0

@Suhan Verwenden Sie 'Walker' Klasse, um die Funktionalität zu erweitern. – amit

+0

'Menü', 'theme_location' => 'Menü', 'items_wrap' => ‚

    % 3 $ s
‘, 'Tiefe' => 0, 'Container' => '', 'menu_class' => 'Drop-Down-Menü', ); ?> –

Verwandte Themen