wordpress bootstrap下拉菜单不起作用

时间:2017-04-08 17:59:37

标签: wordpress twitter-bootstrap-3 drop-down-menu

我遇到的问题是,当我在我的主题中尝试此代码时,它会生成菜单和所有列表并且它会获取所有页面,但它不允许我扩展任何下拉列表名单。

这是我的主题php function.php。

<?php
define('TEMPATH', get_bloginfo('stylessheet_directory'));
define('IMAGES', TEMPATH. "/images");


register_nav_menus( array(
    'primary' => __( 'Primary Menu', 'ClubTheme' ),
) );


wp_register_script('bootstrap-js', get_template_directory_uri() . 
'/bootstrap/js/bootstrap.min.js', array('jquery'), '3.3.7', true);


wp_register_style( 'bootstrap-css', get_template_directory_uri() . 
 '/bootstrap/css/bootstrap.min.css', array(), '', 'all' );

wp_enqueue_script( 'bootstrap-js' );

wp_enqueue_style( 'bootstrap-css' );


require_once('wp-bootstrap-navwalker.php');

require_once('theme-options.php');
/*require_once('/widgets/profile-widget.php');
require_once('/widgets/contact-widget.php');*/
require(get_template_directory() .'/widgets/profile-widget.php');
require(get_template_directory() .'/widgets/contact-widget.php');
require_once('news.php');
require_once('committee-members.php');
 require_once('supporters.php');
 require_once('theme-options.php');



function clubtheme_rewrite() {
global $wp_rewrite;
$wp_rewrite->add_permastruct('typename', 'typename/%year%.%postname%/', true, 
1);

add_rewrite_rule('typename/([0-9]{4})/(.+)/?$',
   'index.php?typename=$matches[2]', 'top');

$wp_rewrite->flush_rules();
}

?>

这是我的header.php,其中包含我的菜单代码。

<!DOCTYPE html>
<html>
<head>

<title><?php bloginfo ('name'); ?><?php wp_title(); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> 
<!-- leave this for stats please -->
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="<?php bloginfo ('stylesheet_url');?>" 
type="text/css" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.css" 
type="text/css" media="screen" />   
<?php wp_head(); ?>

</head>

<body>
<nav class="navbar navbar-inverse navbar-static-top" role="Navigation">
  <div class="container-fluid">
            <div class="navbar-header">
                    <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')?
 >" class="navbar-brand"><?php bloginfo('name');?></a>
            </div>


 <?php
        wp_nav_menu( array(
            'menu'              => 'primary',
            'theme_location'    => 'primary',
            'depth'             => 2,
            'container'         => 'div',
            'container_class'   => 'collapse navbar-collapse',
            'container_id'      => 'bs-example-navbar-collapse-1',
            'menu_class'        => 'nav navbar-nav',
            'fallback_cb'       => 'WP_Bootstrap_Navwalker::fallback',
            'walker'            => new WP_Bootstrap_Navwalker())
        );
    ?>

 </div>
</nav>

2 个答案:

答案 0 :(得分:0)

我对你的wp_nav_menu用法没有任何错误也许你应该检查你的队列特别是boostrap文件

答案 1 :(得分:0)

在footer.php文件的末尾不包括这个似乎是我的问题的原因。

<?php wp_footer(); ?> 

如果有人能向我解释为什么这会导致引导下拉菜单停止工作,那就太喜欢了。

我确实将我的主题恢复到基本状态,我在每次更改后都对其进行了测试,直到我添加它才有效。

现在将开始添加所有内容,如果它再次中断我将添加到此答案以及我必须要修复的内容,我花了三天时间。