رفتن به مطلب

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


پست های پیشنهاد شده

سلام

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

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

همه کار کردم

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

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

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

لینک به ارسال

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


<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
لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...