افزودن منوی بوت استرپ به وردپرس تحت فهرست ها

  • شروع کننده موضوع msm
  • تاریخ شروع

msm

عضو حرفه ای
ناظر انجمن
عضویت
13/5/15
ارسال ها
185
امتیاز
6
دوستان عزیز که با وردپرس و بوت استرپ آشنا باشن دو نکته رو میدونن یکی اینکه وردپرس یه بخش به اسم فهرستها داره که توسط اون میشه منوا های ناوبری مختلف رو کنترل کرد حالا این منو ها میتون منوی اصلی سایت یا هر نوع دسته بندی دیگه ای باشن بوت استرپ هم که یک فریمورک ریسپانسیو برای طراحی سایت که خیلی از اشیائ مورد نیاز برای شمارو در طراحی از قبل آماده داره مثل منو ها تب ها دکمه ها و ... خوب حالا فرض کنید شما یک قالب با بوت استرپ طراحی کردید و میخواید روی وردپرس پیاده سازی کنید اگر قرار باشه منو ها استاتیک باشن و برای تغییرشون هر بار وارد سورس کد هاتون بشید که زیاد جالب نمیشه پس بهتره منو هاتونرو بیارید تحت کنترل فهرست های وردپرس اما سوال اینه که چطور اینکارو باید انجام داد .
تو این تاپیک قدم به قدم بهتون یاد میدم چیکار کنید که به سادگی یک فنجان قهوه بتونید منوهاتونرو از حالت استاتیک بیارید توی فهرستهای وردپرس

1 -
اول باید کد مربوط به ناوبری قالبتونرو پیدا کنید کد نوبار اصلی بوت استرپ به شکل زیره این و توی قالبتون پیدا کنید

کد:
<nav class="navbar navbar-default" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#">Brand</a>
  </div>
  <!-- Collect the nav links, forms, and other content for toggling -->
  <div class="collapse navbar-collapse navbar-ex1-collapse">
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>
          <li><a href="#">Separated link</a></li>
          <li><a href="#">One more separated link</a></li>
        </ul>
      </li>
    </ul>
  </div>
</nav>

در حال تکمیل ...
 
بالا