تبدیل منوی html به وردپرس

[asemon14 36]

سلام

من یک منوی html دارم میخوایم به وردپرس تبدیلش کنم ولی کل وردپرس رو زیر و رو کردم

سر در نمیارم چطور کار میکنه

این کد html هست:

<nav id="main-nav" class="pull-left">
			    <ul id="main-menu" class="clearfix">
				    <li class="current-menu-item">
					    <a href="index.html">صفحه اصلی</a>
					    <ul>
						    <li><a href="index.html">استایل اول</a></li>
						    <li class="current-menu-item"><a href="index2.html">Home style 2</a></li>
					    </ul>
				    </li>
				    <li class="current-menu-item">

				    <li><a href="#">نگارخانه</a></li>
			    </ul>

		    </nav>

کد css اینم منو رو هم دارم:

/*--- Main Menu ---*/
#main-nav {
    position: relative;
}
#main-menu {
    margin: 22px 0 21px;
    position: relative;
    z-index: 100;
}
#main-menu > li {
    list-style: none;
    float: right;
    margin: 0;
    position: relative;
}
#main-menu > li > a {
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    padding: 8px 15px;
    border-right: 1px solid #a34852;
    font-family: BTraffic,'BTraffic', 'Roboto Condensed', sans-serif;;
}
#main-menu > li:first-child > a {
    padding-right: 0;
    border-right: none;
}
#main-menu > li.has-child > a {
    padding-left: 30px;
}
.sf-arrows .sf-with-ul:after {
    border-color: rgba(255, 255, 255, 1) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    left: 10px;
}
/*--- Dropdown Menu ---*/
#main-menu > li ul {
    display: none;
    position: absolute;
    top: 59px;
    right: 0;
    background-color: #99333e;
    width: 200px;
}
#main-menu > li ul li {
    list-style: none;
    margin: 0;
    position: relative;
}
#main-menu > li ul li a {
    display: block;
    padding: 10px 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    font-family: BTraffic,'BTraffic', 'Roboto Condensed', serif;
    text-transform: uppercase;
}
#main-menu > li ul li:hover > a,
#main-menu > li ul li.current-menu-item > a {
    background-color: #131313;
    color: #99333e;
}
#main-menu > li ul li ul {
    top: 0;
    right: 200px;
    width: 250px;
}

#main-nav > i {
    color: #fff;
    font-size: 35px;
    cursor: pointer;
    display: none;
    margin-top: 24px;
}

منو رو هم تعریف کردم

همه کار کردم

ولی نمیفهمم تابع منوی وردپرس رو چطور باید بکار برد تا منو درست در بیاد!

هیچ جایی هم درست حسابی توضیح نداده که اچ تی ام ای باید چطور وردپرس بشه

ممنون میشم کسی کدشو بنویسه برام

[asemon14 36]

جوابشو خودم پیدا کردم برای کسانی که بعدا ممکنه گیر کنن میزارم

<nav id="main-nav" class="pull-left">
<?php wp_nav_menu( array( 'theme_location' => 'header-menu', 'menu_class' => 'clearfix' ,'menu_id' => 'main-menu') ); ?>
		 </nav>

فقط به محل قرار گیری main-menu و clearfix در کد html و تابع فراخوانی فردپرس خوب دقت کنید!

ویرایش شده بهمن 93 توسط asemon14