在WordPress中为Bootstrap设置活动导航

时间：2013-11-18 作者：Mona Coder

好的，我有一个由引导程序生成的自定义主题。目前，我刚刚添加了一个导航栏（导航到主题，我在每个活动页面中设置活动导航栏时遇到问题。（通过添加active 例如，如果我在“联系我们”页面中，如何强制导航栏使“联系我们”导航处于活动状态！我已经试过了

<li <?php is_page( \'Home\' ){echo \'class="active"\'}> Home</li>
<li <?php is_page( \'About us\' ){echo \'class="active"\'}> About us</li>
你能告诉我怎么做吗？

1 个回复
SO网友:Frank

看起来这只是你的PHP格式，你有正确的想法！尝试以下操作：

<pre class="prettyprint"><code class="language-php">
<?php 

if (is_page( \'Home\' ) {
    $class="active";
}
elseif (is_page( \'About\' ) {
    $class="active";
}
else {
    $class="";
}

?>

<li class="<?php echo $class; ?>"Home</li>
<li class="<?php echo $class; ?>"About</li>
</code></pre>

结束
标签： theme-development   navigation   小码农  

相关推荐

WP navigation list classes

我正在使用此代码显示我的菜单：<?php $menu_args = array( \'container\' => \'\', \'menu_class\' => \'\', \'menu_id\' => \'main-menu\', ); wp_nav_menu($menu_args ); ?>