【问题标题】:Wordpress - How add class to navbar ( bs4navwalker ) when in front-page, in functions.phpWordpress - 在首页,functions.php 中如何将类添加到导航栏( bs4navwalker )
【发布时间】:2019-08-21 05:35:41
【问题描述】:
我是 Web 开发的初学者,我正在尝试了解如何使用 bs4navwalker 在我的导航栏菜单中添加固定顶级类 CSS,
只有当我在首页时
当我在主页时,我应该有:
<nav class="navbar fixed-top navbar-expand-md navbar-dark bg-primary">
在其他页面中:
<nav class="navbar navbar-expand-md navbar-dark bg-primary">
你能帮帮我吗?
【问题讨论】:
标签:
php
css
wordpress
class
add
【解决方案1】:
<?php
//Before wallker add this
if (is_home() || is_front_page()) {
$navBarClasses = 'navbar fixed-top navbar-expand-md navbar-dark bg-primary';
} else {
$navBarClasses = 'navbar navbar-expand-md navbar-dark bg-primary';
}
//Insert variable $navBarClasses in walker param 'menu_class' =>
wp_nav_menu([
'menu' => 'top',
'theme_location' => 'top',
'container' => 'div',
'container_id' => 'bs4navbar',
'container_class' => 'collapse navbar-collapse',
'menu_id' => false,
'menu_class' => $navBarClasses,
'depth' => 2,
'fallback_cb' => 'bs4navwalker::fallback',
'walker' => new bs4navwalker()
]);
?>