Bootstrap меню на Wordpress

345

19 декабря 2016, 19:40

Я создал следующие меню на bootstrap и перенёс его в Wordpress, но оно почему то оно не работает? Помогите исправить

Меню региcтрирую

register_nav_menus( array(
    'horizontal-menu' => __( 'горизотальное меню'),
    'left_menu' => 'левое меню'
));

В хедере

<?php wp_nav_menu( array( 'theme_location' => 'left_menu', 'menu_class' => 'nav-menu' ) ); ?>

#slider .my_aside { 
  padding-top: 50px; 
} 
#slider #accordion { 
  background-color: #e8e8e7; 
  border-radius: 10px; 
} 
.panel-default > .panel-heading { 
  color: #f0af40; 
  background-color: #e8e8e7; 
  border: none; 
} 
.panel-group .panel-heading + .panel-collapse > .panel-body { 
  border: none; 
  background-color: #e8e8e7; 
} 
#slider .panel-body ul li a { 
  color: #383838; 
  transition: color .25s; 
} 
#slider .panel-body ul li a:hover { 
  color: #f0af40; 
  text-decoration: none; 
} 
#slider .panel-title { 
  font: 20px HPSimplified_Rg; 
} 
#slider .panel-title a { 
  text-decoration: none; 
  color: #383838; 
  transition: color .25s; 
} 
#slider .panel-title a:hover { 
  text-decoration: none; 
  color: #f0af40; 
} 
#slider img[alt="arrow-down"] { 
  margin-left: 20px; 
  padding-bottom: 3px; 
} 
#accordion * { 
  border: none; 
  border-bottom: none; 
} 
#slider img[alt="pattern"] { 
  display: block; 
  margin: auto; 
  padding-bottom: 40px; 
  margin-top: 75px; 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
 
<section id="slider"> 
  <div class="container"> 
    <div class="row"> 
      <div class="col-sm-4 my_aside"> 
        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> 
          <div class="panel panel-default"> 
            <div class="panel-heading" role="tab" id="headingOne"> 
              <h4 class="panel-title"> 
                                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> 
                                    СВАДЕБНАЯ СЪЕМКА 
                                    </a> 
                                    <img src="images/arrow-down.png" alt="arrow-down"> 
                                </h4> 
            </div> 
 
            <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne"> 
              <div class="panel-body"> 
                <ul> 
                  <li><a href="#">Фото свадебное</a> 
                  </li> 
                  <li><a href="#">Видео свадебное</a> 
                  </li> 
                  <li><a href="#">Свадебные прически</a> 
                  </li> 
                  <li><a href="#">Love-story</a> 
                  </li> 
                  <li><a href="#">Лимузины</a> 
                  </li> 
                  <li><a href="#">Тамада артист</a> 
                  </li> 
                  <li><a href="#">Кафе, бары, рестораны</a> 
                  </li> 
                  <li><a href="#">Организация свадеб</a> 
                  </li> 
                </ul> 
              </div> 
            </div> 
          </div> 
          <div class="panel panel-default"> 
            <div class="panel-heading" role="tab" id="headingTwo"> 
              <h4 class="panel-title"> 
                                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> 
                                        СЪЕМКА ДЛЯ ШКОЛ 
                                    </a> 
                                    <img src="images/arrow-down.png" alt="arrow-down"> 
                                 </h4> 
            </div> 
 
            <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo"> 
              <div class="panel-body"> 
                <ul> 
                  <li><a href="#">Фото свадебное</a> 
                  </li> 
                  <li><a href="#">Видео свадебное</a> 
                  </li> 
                  <li><a href="#">Свадебные прически</a> 
                  </li> 
                  <li><a href="#">Love-story</a> 
                  </li> 
                  <li><a href="#">Лимузины</a> 
                  </li> 
                  <li><a href="#">Тамада артист</a> 
                  </li> 
                  <li><a href="#">Кафе, бары, рестораны</a> 
                  </li> 
                  <li><a href="#">Организация свадеб</a> 
                  </li> 
                </ul> 
              </div> 
            </div> 
          </div> 
          <div class="panel panel-default"> 
            <div class="panel-heading" role="tab" id="headingThree"> 
              <h4 class="panel-title"> 
                                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> 
                                        СЪЕМКА В ДЕТСКИХ САДАХ 
                                    </a> 
                                    <img src="images/arrow-down.png" alt="arrow-down"> 
                              </h4> 
            </div> 
 
            <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree"> 
              <div class="panel-body"> 
                <ul> 
                  <li><a href="#">Фото свадебное</a> 
                  </li> 
                  <li><a href="#">Видео свадебное</a> 
                  </li> 
                  <li><a href="#">Свадебные прически</a> 
                  </li> 
                  <li><a href="#">Love-story</a> 
                  </li> 
                  <li><a href="#">Лимузины</a> 
                  </li> 
                  <li><a href="#">Тамада артист</a> 
                  </li> 
                  <li><a href="#">Кафе, бары, рестораны</a> 
                  </li> 
                  <li><a href="#">Организация свадеб</a> 
                  </li> 
                </ul> 
              </div> 
            </div> 
          </div> 
 
          <div class="panel panel-default"> 
            <div class="panel-heading" role="tab" id="headingFour"> 
              <h4 class="panel-title"> 
                                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour"> 
                                        ОЦИФРОВКА И МОНТАЖ 
                                    </a> 
                                    <img src="images/arrow-down.png" alt="arrow-down"> 
                              </h4> 
            </div> 
 
            <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour"> 
              <div class="panel-body"> 
                <ul> 
                  <li><a href="#">Фото свадебное</a> 
                  </li> 
                  <li><a href="#">Видео свадебное</a> 
                  </li> 
                  <li><a href="#">Свадебные прически</a> 
                  </li> 
                  <li><a href="#">Love-story</a> 
                  </li> 
                  <li><a href="#">Лимузины</a> 
                  </li> 
                  <li><a href="#">Тамада артист</a> 
                  </li> 
                  <li><a href="#">Кафе, бары, рестораны</a> 
                  </li> 
                  <li><a href="#">Организация свадеб</a> 
                  </li> 
                </ul> 
              </div> 
            </div> 
          </div> 
 
          <div class="panel panel-default"> 
            <div class="panel-heading" role="tab" id="headingFive"> 
              <h4 class="panel-title"> 
                                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFive"> 
                                        НАША СТУДИЯ 
                                    </a> 
                                    <img src="images/arrow-down.png" alt="arrow-down"> 
                              </h4> 
            </div> 
 
            <div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive"> 
              <div class="panel-body"> 
                <ul> 
                  <li><a href="#">Фото свадебное</a> 
                  </li> 
                  <li><a href="#">Видео свадебное</a> 
                  </li> 
                  <li><a href="#">Свадебные прически</a> 
                  </li> 
                  <li><a href="#">Love-story</a> 
                  </li> 
                  <li><a href="#">Лимузины</a> 
                  </li> 
                  <li><a href="#">Тамада артист</a> 
                  </li> 
                  <li><a href="#">Кафе, бары, рестораны</a> 
                  </li> 
                  <li><a href="#">Организация свадеб</a> 
                  </li> 
                </ul> 
              </div> 
            </div> 
          </div> 
          <img src="images/pattern.png" alt="pattern"> 
        </div> 
      </div> 
      <div class="col-md-8"> 
      </div> 
    </div> 
  </div> 
</section>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Что значит на ООП PHP запись: $this->name->name2->name3->save();?

$this->name — свойство, но что дальше? Те

157

PHP

Обработка и вывод последних записей из БД

Есть БД с некоторым количеством новостейМне нужно вывести списком, например, последние 5

191

PHP

Laravel fire event из скрипта

Настроен apache 2 сервер на линуксе и установлен laravel 52, есть php скрипт который слушает сокет, можно ли из этого скрипта вызвать Event::fire для laravel?

185

PHP

как в PHP прибавить к DAYTIME еще 2 часа

помогите написать вот такой пример, пользователю дается 2 дня на выполнение работы, они должен видеть когда время закончилось

209