Как добавить активное состояние для навигационных ссылок?

Я пытаюсь добавить активные состояния для моего кастомного меню навигации, но пока ничего не работает. Я создал файл меню nav.php отдельно, а затем подключил его в header.php следующим образом:

<?php include('nav.php'); ?>

Я создал кастомные страницы WordPress в дочерней папке и подключил header.php сразу после названия шаблона:

<?php /* Название шаблона: Страница дизайна сайта*/
 ?>

<?php get_header(); ?>

Вот мой текущий HTML и PHP код в nav.php, где я добавил уникальный атрибут id "currentpage" для указания текущей страницы:

<ul id="menu" class="clearfix">                
                <li<?php if ($thisPage=="About") 
echo " id=\"currentpage\""; ?> class="parent-item"><a href="/about" title="Добро пожаловать" class="parent-link menu-item-2" id="main-menu-item-4">О нас</a></li>                               

                <li<?php if ($thisPage=="Portfolio") 
echo " id=\"currentpage\""; ?> class="parent-item"><a href="/portfolio" class="parent-link menu-item-3">Портфолио</a></li>               

                <li<?php if ($thisPage=="Services") 
echo " id=\"currentpage\""; ?> class="parent-item"><a href="/services" class="parent-link menu-item-4">Услуги</a></li> 

                <li<?php if ($thisPage=="Prices") 
echo " id=\"currentpage\""; ?> class="parent-item"><a href="/prices" class="parent-link menu-item-5">Цены</a></li>                

</ul>                                                        

И вот мой CSS для hover и активных состояний:

ul#menu li a:hover {
background-color: #999999;
color: #fff; 
}

ul#menu li #currentpage a {
background: #fff;
color: #333;
}

Для каждой страницы я задал значение после названия шаблона, вот пример для главной страницы:

<?php /* Название шаблона: Страница дизайна сайта
*/
 ?>
<?php $thisPage="Home"; ?>

<?php get_header(); ?>

Надеюсь, кто-нибудь сможет помочь, я действительно не понимаю, почему этот код или любой другой PHP-код, который я пробую, не работает с кастомными меню.