asemon14

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

2 پست در این موضوع قرار دارد

سلام

من یک منوی 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;
}

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

همه کار کردم

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

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


<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 و تابع فراخوانی فردپرس خوب دقت کنید!

ویرایش شده در توسط asemon14
4

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری