0
私はビルド中のワードプレスブログを持っていますが、私はそれをブートストラップを使って構築しました。私はwp_bootstrap_navwalkerを見つけ、これを使って2つのメニューを構築しました。 "ネストされた"または "サブメニュー"以外のすべてがうまく動作します。クロムのDevtoolsでコードを調べると、HTMLでSubを見ることができます(下記参照)。wp_bootstrap_navwalkerサブメニューをクリックまたはホバーするとサブメニューが表示されません
は、ここでは、コード
<li id="menu-item-937" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-937 dropdown"><a title="More" href="#" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true" aria-expanded="false">More <span class="caret"></span></a>
<ul role="menu" class=" dropdown-menu">
<li id="menu-item-945" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-945"><a title="Consultancy" href="https://www.###/">Consultancy</a></li>
<li id="menu-item-946" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-946"><a title="PR" href="https://www.###">PR</a></li>
</ul>
</li>
を点検し、私は(コード怒鳴る参照)GITのレポ内の命令を介したとしてwp_bootstrap_navwalkerを統合した方法です。
header.phpの
<nav class="navbar navbar-default navbar-fixed-top navbar-light">
<!-- <nav class="navbar navbar-default" style="margin-bottom: 0;">-->
<div class="container">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collaps"
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="<?php echo get_page_link(2); ?>"><img
src="<?php bloginfo('url'); ?>/wp-content/uploads/2016/10/logo.png"></a>
<button type="button" class="btn btn-primary navbar-btn navbar-right hidden-xs" style="margin-left: 10px"><span
class="glyphicon glyphicon-user"></span> Sign up
</button>
<button type="button" class="btn btn-primary navbar-btn navbar-right hidden-xs"><span
class="glyphicon glyphicon glyphicon-log-in"></span> Login
</button>
</div>
<div id="navbar" style="background-color: #333;max-height: 50px;">
<div class="container">
<?php bootstrap_nav(); ?>
</div>
</div>
のfunctions.php
<?php
// Register Custom Navigation Walker
require_once('wp_bootstrap_navwalker.php');
register_nav_menus(array(
'locations-primary' => __('Primary Menu', 'Main_Menu_Blog'),
'locations-secondary' => __('Secondary Menu', 'Career_Advice'),
));
// Bootstrap navigation
function bootstrap_nav()
{
wp_nav_menu(array(
'menu' => 'Primary Menu',
'theme_location' => 'locations-primary',
'depth' => 2,
'container' => 'div',
'container_class' => 'collapse navbar-collapse',
'container_id' => 'navbar-collaps',
'menu_class' => 'nav navbar-nav',
'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
'walker' => new wp_bootstrap_navwalker())
);
}
サブメニューはそのだけのクリックで開かない存在であるようなので、それが見え、私は何かが欠けている?