2015-11-19 2 views
0

Я довольно новичок в разработке темы Wordpress, и я не могу найти, как правильно нарисовать свое навигационное меню.Тема Wordpress - как стиль меню?

Вот мой сырой HTML код:

<!-- Navigation --> 
 
<nav class="navbar navbar-default navbar-custom navbar-fixed-top"> 
 
    <div class="container-fluid"> 
 
     <!-- Brand and toggle get grouped for better mobile display --> 
 
     <div class="navbar-header page-scroll"> 
 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
 
       <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="<?php bloginfo('url'); ?>"><?php bloginfo('name');?></a> 
 
     </div> 
 

 
     <!-- Collect the nav links, forms, and other content for toggling --> 
 
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
 
      <ul class="nav navbar-nav navbar-right"> 
 
       <li> 
 
        <a href="index.html">Home</a> 
 
       </li> 
 
       <li> 
 
        <a href="about.html">About</a> 
 
       </li> 
 
       <li> 
 
        <a href="post.html">Sample Post</a> 
 
       </li> 
 
       <li> 
 
        <a href="contact.html">Contact</a> 
 
       </li> 
 
      </ul> 
 
     </div> 
 
     <!-- /.navbar-collapse --> 
 
    </div> 
 
    <!-- /.container --> 
 
</nav>

Что я должен сделать для того, чтобы получить все классы и структуры из приведенного выше кода? Я пробовал с wp_nav_menu (array ('container_class' => 'navbar navbar-default navbar-custom navbar-fixed-top'));, но это не работает.

+0

Чтобы уточнить, вы пытаетесь получить wp_nav_menu() для вывода кода в точном формате, как вы указали, вместо того, что он обычно выводит? –

+0

Да, потому что обычно wp_nav_menu() выводит меню без какого-либо стиля css. Я хочу, чтобы точные классы и структуры из html-фрагмента выше. Является ли это возможным? Я знаю, что метод может принимать аргументы типа container-class, но моя html-структура более сложна. –

ответ

1

То, что вы хотите сделать, это создать пользовательский класс ходунки:

https://codex.wordpress.org/Class_Reference/Walker

или цикл через навигационных элементов с использованием wp_get_nav_menu_items:

https://codex.wordpress.org/Function_Reference/wp_get_nav_menu_items

Я не знаете, сколько опыта программирования PHP у вас есть, но будут задействованы оба метода. Ваша самая легкая ставка, я думаю, будет заключаться в использовании wp_get_nav_menu_items и оттуда.

Попробуйте и дайте мне знать, если у вас возникнут проблемы. Если вы это сделаете, покажите код, который вы пробовали, и я буду рад помочь пересмотреть проблему!

+0

спасибо, я попробую! :) –

Смежные вопросы