私は最初からワードプレスのウェブサイトを作成しており、ページのスクロールでアンカーに問題があります。 Bootstrap Nav Walkerモジュールを使用していますが、.page-scroll
クラスをメニュー項目<a>
に追加するにはどうすればよいですか?ここでワードプレスメニューにカスタムクラスを追加するには<a>タグ
は私のheader.phpのメニューです:
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle collapse" data-toggle="collapse" data-target=".navbar-main-collapse">
<i class="fa fa-bars"></i>
</button>
<a class="navbar-brand" href="#page-top">
<img id="#page-top" src="<?php echo get_template_directory_uri(); ?>/images/logo3.png" alt="Brand logo">
</a>
</div>
<?php
wp_nav_menu(array(
'menu' => 'primary',
'theme_location' => 'primary',
'depth' => 2,
'container' => 'div',
'container_class' => 'collapse navbar-collapse navbar-right navbar-main-collapse',
'container_id' => 'bs-example-navbar-collapse-1',
'menu_class' => 'nav navbar-nav',
'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
'walker' => new wp_bootstrap_navwalker())
);
?>
<!-- Collect the nav links, forms, and other content for toggling -->
</div>
<!-- /.container -->
</nav>
これは私のjsです:
の作品何が問題なの? –
スクロールが機能しません。スクロールなしでホッピングしています。 – Baivaras
'console'にエラーがありますか? –