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

Здравствуйте! Я использую тему 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>

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

<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 и о том, как его настроить, но подумал, что я тоже здесь спрошу.

Спасибо