侧栏中的自定义wp_nav_menu

Question

你好，我正在使用一个具有自定义wp_nav_menu设置的wordpress主题，但是我想进一步定制这个主题。但我不知道该怎么做。

该主题具有菜单功能，即：

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管理功能，所以你可以把他们按你想要的任何顺序，添加外部链接或链接到任何帖子/分类，你有在你的wordpress。文档在这里：Menus

但是，它就像将以下代码添加到插件或functions.php文件中一样容易：

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

接下来，您必须在wordpress管理，导航到:出现>菜单>创建一个新菜单(在页面顶部)中创建菜单。

命名菜单，然后在它下面，它将有带有自定义菜单ids的复选框，由您的插件/主题指定。这就是所谓的主题位置。您可以选中自定义菜单名称旁边的框--在本例中是“自定义菜单”。

然后，您可以执行以下操作之一：

1. 向模板中添加代码以打印导航。 wp_nav_menu(数组( 'theme_location‘=>’定制菜单‘) )；
2. 使用您创建的菜单向侧栏添加自定义菜单小部件。

最后，您可以使用css对小部件进行样式设置。

希望这能有所帮助。