navbarにPHPのページをハイライトさせる方法

Question

私は個人的なウェブサイトを作ろうとしています。私が作っているサイトにはヘッダーセクションにナビゲーションバーがあります。そのnavbarに私はいくつかのリンクがありますホームブログAbout Contact-Me。私はあなたが現在いるページをチェックして、現在アクティブなリンクにアクティブなクラスを追加するようにしたいと思います。例ホームページにあり、ホームリンクにはアクティブなクラスがあります。私が約をクリックすると、今はクラスがアクティブで、ホームはありません。

Answer 1

使用このコード

.nav li.active a{ 
     color: #de990a !important; 
} 


<ul class="nav"> 

    <li <?php if (basename($_SERVER['PHP_SELF']) == 'home.php') echo 'class="active"' ?>><a href="home.php">Home</a></li> 
    <li <?php if (basename($_SERVER['PHP_SELF']) == 'blog.php') echo 'class="active"' ?>><a href="blog.php">Blog</a></li> 
    <li <?php if (basename($_SERVER['PHP_SELF']) == 'about.php') echo 'class="active"' ?>><a href="about.php">About</a></li> 
    <li <?php if (basename($_SERVER['PHP_SELF']) == 'contact.php') echo 'class="active"' ?>><a href="contact.php">Contact Me</a></li> 

</ul> 

Answer 2

add_filter('nav_menu_css_class' , 'active_nav_class' , 10 , 2); 

function active_nav_class ($classes, $item) { 
    if (in_array('current-menu-item', $classes)){ 
     $classes[] = 'active '; 
    } 
    return $classes; 
} 

アクティブクラスは、現在のナビゲーション項目に追加され、あなたは.activeクラスにあなたのCSSを追加することができます。