navbar ということは Bootstrap ということでしょうか。
@Lark000000 さんのソースコードは詳しく見ていないのですが自分は Bootstrap4 で wp-bootstrap/wp-bootstrap-navwalker というものを使ってだいたい動いています。
0Like
navbarのドロップダウンメニューをwordpress化したい
Navbarのドロップダウンメニューをphpを使って書き替えたいです。
今の状況はドロップダウンが実行されておらずに、副項目を加えると
表示が変になってしまいます。
何もしていない状態だと親だけが表示され、hoverすると副項目が表視されるようにしたいです。
<!doctype html>
<html <?php language_attributes(); ?>>
<head>
<!-- Required meta tags -->
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<?php wp_head(); ?>
</head>
<body>
<nav class="navbar navbar-1 navbar-expand-lg navbar-light pt-4 pb-4">
<a class="navbar-brand" href="<?php echo home_url(); ?>">
<img class="logo-img" src="<?php echo get_template_directory_uri(); ?>/img/logo4.png" alt="">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<?php
$defaults = array(
'menu_class' => 'navbar-nav',
'container' => 'false',
'link_before' => '<span class="text-white nav-link mr-4">',
'link_after' => '<span>',
'theme_location' => 'global-navigation',
);
wp_nav_menu( $defaults );
?>
<?php echo do_shortcode( '[bogo]' ); ?>
</div>
</nav>
/* Menu Functions (functions.php) */
register_nav_menus(
array(
'global-navigation' => 'グローバル',
)
);
0