Пользовательский wp_nav_menu в боковой панели

Question

Здравствуйте, я использую тему wordpress, у которой есть настраиваемый wp_nav_menu, однако я хотел бы настроить это дальше. Но я не уверен, как это сделать.

Тема имеет функцию меню, которое является:

function litho_default_wp_menu() 
{ 
    $args = array(
    'sort_column' => 'menu_order, post_title', 
    'menu_class' => 'menu', 
    'include'  => '', 
    'exclude'  => '', 
    'echo'  => false, 
    'show_home' => false, 
    'link_before' => '', 
    'link_after' => ''); 

    $menu = wp_page_menu($args); 
    $menu = preg_replace('/^(<div class\="menu"><ul>)/i','',$menu); 
    $menu = preg_replace('/(<\/ul><\/div>)$/i','',$menu); 

    echo '<ul class="simple-nav">'.$menu.'</ul>'; 
} 

и это выводит код меню то будет выглядеть следующим образом:

<div class="row" id="main_menu"> 
    <div class="columns six"> 
     <nav role="navigation"> 
      <ul class="simple-nav"> 
       <li class="page_item page-item-15 current_page_item"><a href="http://192.168.0.16:8888/">HOME</a></li> 
       <li class="page_item page-item-38"><a href="http://192.168.0.16:8888/directing/">DIRECTING</a></li> 
       <li class="page_item page-item-40"><a href="http://192.168.0.16:8888/compositing/">COMPOSITING</a></li> 
      </ul> 
     </nav> 
    </div> 
</div> 

Однако я использую Изотоп для моей темы, которые фильтрует и сортирует содержимое страницы, а не переходит на другую страницу. И хотелось бы, чтобы мое меню выглядело так:

<div class="row" id="main_menu"> 
    <div class="columns six"> 
     <nav role="navigation"> 
      <ul id="filters"> 
       <li><a href="#" class="all" data-filter="*">show all</a></li> 
       <li><a href="#" class="directing" data-filter=".directing">directing</a></li> 
       <li><a href="#" class="compositing" data-filter=".compositing">compositing</a></li> 
      </ul> 
     </nav> 
    </div> 
</div> 

Как бы я это сделал? Я читаю сейчас о wp_nav_menu и о том, как его настроить, но подумал, что я тоже попрошу об этом.

Спасибо

Answer 1

вы можете создать собственное меню. Пользовательские меню редактируются с помощью функций wordpress admin, поэтому вы можете разместить их в любом порядке, вы хотите добавить внешние ссылки или ссылки на любые сообщения/таксономии, которые у вас есть в вашем Wordpress. Документация здесь: https://codex.wordpress.org/Navigation_Menus

Однако, это так же просто, как добавить следующий код в плагин или файл functions.php:

function register_my_menus() { 
register_nav_menus(
    array(
    'custom-menu' => __('Custom Navigation Menu') 
    ) 
); 
} 
add_action('init', 'register_my_menus'); 

Далее, вы должны создать меню в WordPress admin, навигация к: Внешний вид> Меню> создайте новое меню (вверху страницы).

Назовите меню, а затем под ним, у него будут флажки с настраиваемыми идентификаторами меню, которые указаны вашим плагином/темой .. они называются тематическими местоположениями. Вы можете установить флажок рядом с вашим пользовательским именем меню - в этом случае «пользовательское меню».

И потом, вы можете выполнить одно из следующих действий, либо:

1. Добавить код в шаблон для распечатки нав.

   wp_nav_menu(array('theme_location' => 'custom-menu')); 
   

2. Добавить пользовательский виджет меню на боковой панели с помощью созданного меню.

Наконец, вы можете создать виджет, используя css.

Надеюсь, что это поможет.