Wordpress 不同页面中的不同导航栏
我有一个导航栏,所有页面都可以通过header.php访问它,但我需要不同的导航栏来显示主页,其他页面则需要不同的导航栏 我添加了如下css,使主页上的导航栏绝对透明: ` ` 但在另一个页面中,我想改变导航栏的固定性和非透明性,为此,我还有cssWordpress 不同页面中的不同导航栏,wordpress,html,css,Wordpress,Html,Css,我有一个导航栏,所有页面都可以通过header.php访问它,但我需要不同的导航栏来显示主页,其他页面则需要不同的导航栏 我添加了如下css,使主页上的导航栏绝对透明: ` ` 但在另一个页面中,我想改变导航栏的固定性和非透明性,为此,我还有css .navbar-inverse-blue .navbar-inner { padding: 7px 0; border: none; font-size: 0.85em; z-index: 9999; width: 100%; } 这是我的HTML
.navbar-inverse-blue .navbar-inner {
padding: 7px 0;
border: none;
font-size: 0.85em;
z-index: 9999;
width: 100%;
}
这是我的HTML代码`
<div id="nav-wrapper" data-spy="affix" data-offset-top="200" class="navbar navbar-inverse-blue navbar">
<!--<div class="navbar navbar-inverse-blue navbar-fixed-top">-->
<div class="navbar-inner">
<div class="container">
<div class="navigation">
<nav id="colorNav">
<ul>
<li class="green">
<a href="#" class="icon-home"></a>
<ul>
<li><a href="login.html">Login</a></li>
<li><a href="register.html">Register</a></li>
<li><a href="index.html">Logout</a></li>
</ul>
</li>
</ul>
</nav>
</div>
<a class="brand" href="<?php echo esc_url(home_url('/')); ?>"><img src="<?php header_image(); ?>" alt="logo"></a>
<div class="pull-right">
<nav class="navbar nav_bottom" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header nav_2">
<button type="button" class="navbar-toggle collapsed navbar-toggle1" data-toggle="collapse" data-target="#bs-megadropdown-tabs">Menu
<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="#"></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-megadropdown-tabs">
<?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 nav_1',
'fallback_cb' => 'WP_Bootstrap_Navwalker::fallback',
'walker' => new WP_Bootstrap_Navwalker())
);
?>
</div><!-- /.navbar-collapse -->
</nav>
</div> <!-- end pull-right -->
<div class="clearfix"> </div>
</div> <!-- end container -->
</div> <!-- end navbar-inner -->
</div>
-
菜单
切换导航
但我不知道该把密码放在哪里。因为我在每个页面中都调用header.php 另一种方法是使用过滤器添加/删除菜单项:
add_filter("wp_nav_menu_items", "new_menu_items");
根据您所在的页面,您可以完全删除所有菜单项并添加新菜单项。我的一个项目的小例子:
function new_menu_items($items) {
if(!is_user_logged_in) {
$items .= "<li class='menu-item'><a href='" . get_site_url() . "/login/' data-level='1'><span class='menu-item-text'><span class='menu-text'>" . __("Inloggen", "sz") . "</span></span></a></li>";
}
}
function新建菜单项($items){
如果(!用户是否已登录){
$items.=“”;
}
}
根据您所在的页面,为html
或body
元素指定一个类;然后在你的CSS选择器中使用它。你愿意使用jquery吗?首先,这不应该是一个CSS问题。相反,在你的标题模板中,你应该检查你在哪一页(WordPress有一些功能,如is_home等),然后输出相应的菜单,并且仅此而已。使用此答案将类添加到你的正文中。。。然后根据父级编写css。。
function new_menu_items($items) {
if(!is_user_logged_in) {
$items .= "<li class='menu-item'><a href='" . get_site_url() . "/login/' data-level='1'><span class='menu-item-text'><span class='menu-text'>" . __("Inloggen", "sz") . "</span></span></a></li>";
}
}