Question

我已经在html / css中创建了一个自定义导航，并将其应用到wordpress中的header.php文件中（所有页面链接都链接到我的html页面）。我如何使用此导航样式作为我的主导航？即。每当我创建页面时，页面链接都会进入导航栏？我尝试删除所有的HTML链接，但它似乎无法正常工作。这是目前网站的链接：include/linux/sched.h

以下是我在header.php

中粘贴到导航部分的内容

{{1}}

Answer 1

我查看了您的网站，但找不到 ul 上课＆＃34; navbar-nav mr-auto ＆＃34;正如你上面提到的那样。另外，不使用添加静态导航，而是使用Bootstrap NavWalker将Bootstrap菜单与WordPress集成。

https://github.com/wp-bootstrap/wp-bootstrap-navwalker

Answer 2

我一直在我的网站上这样做。首先，在functions.php中

/**************************************
* My Custom Menu
**************************************/
add_theme_support('menus');
register_nav_menus( array(
  'primary' => __( 'main_menu', 'menu-header' ),
) );

接下来，在includes文件夹中，我使用assets/includes。您应该使用bootstrap walker菜单：https://github.com/wp-bootstrap/wp-bootstrap-navwalker

现在，在你的header.php中：

<nav class="navbar navbar-default">
    <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <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="yourwebsitelink"><img class="logo" src="<?php bloginfo('template_url'); ?>/assets/images/logo.png" alt=""/></a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <?php require_once('assets/includes/wp_bootstrap_navwalker.php'); ?>
    <?php
        wp_nav_menu( array(
            'menu'              => 'Menu',
            'theme_location'    => 'menu-header',
            'depth'             => 2,
            'container'         => 'div',
            'container_class'   => 'collapse navbar-collapse nav navbar-nav navbar-right //Custom CS if needed',
            'container_id'      => 'bs-example-navbar-collapse-1',
            'menu_class'        => 'nav navbar-nav navbar-right',
            'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
            'walker'            => new wp_bootstrap_navwalker())
        );
    ?>

  </div><!-- /.container-fluid -->
</nav>

它应该创建一个动态的boostrap菜单。

Wordpress中的自定义导航无法加载页面

2 个答案: