header.phpに書いたグローバルナビゲーションのアクション表示

お世話になります。

訪問中のページ（各固定ページ）のナビボタンをユーザーが今どのページにいるかわかりやすいようにhover時と同じ状態にしたいのです。

現在自作テーマにてブログではない、一般のサイトを作っています。header.phpにグローバルナビゲーションを

<div id="nav">
 <ul id="gnav">
  <li id="toppage"><a href="topページの固定ページのパーマリンク"></a></li>
  <li id="basic"><a href="basicページの固定ページのパーマリンク"></a></li>
  <li id="good"><a href="goodページの固定ページのパーマリンク"></a></li>
  <li id="select"><a href="selectページの固定ページのパーマリンク"></a></li>
  <li id="blogs"><a href="blogsページの固定ページのパーマリンク"></a></li>
  <li id="shop"><a href="shopページの固定ページのパーマリンク"></a></li>
 </ul><!--gnav end-->
</div><!--nav-->

このように書き、外部cssにて

#nav {width: 100%; height: 50px; background: #3f2911;}
#gnav {width: 960px; height: 50px; overflow: hidden; margin: 0 auto;}
#gnav li {float: left;}

#toppage a {width: 113px; height: 50px; background: url(../img/off時ナビ画像1.jpg) no-repeat; display: block;}
#toppage a:hover {background: url(../img/on時ナビ画像1.jpg) no-repeat;}
#basic a {width: 188px; height: 50px;
	background: url(../img/off時ナビ画像2.jpg) no-repeat; display: block;}
#basic a:hover {background: url(../img/on時ナビ画像2.jpg) no-repeat;
}

・・・
といった感じでhover時の表記をonとoffの画像を用いて表しています。そしてテンプレートのpage.phpに

`<?php get_header(); ?>
<?php if(have_posts()):while(have_posts()):the_post(); ?>
<?php remove_filter (‘the_content’, ‘wpautop’); ?>
<?php the_content(); ?>
<?php endwhile;endif; ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>`

こんな感じで呼び出しています。

ローカルの時はページごとにそのページ部分のナビボタンに<a class="here" href="そのページ>を付けて変えて、cssでは

#toppage a:hover →#toppage a.here,#toppage a:hover

と表記して訪問中のページだということがわかるようにナビボタンをページごとにhover状態に表していましたが、wordpressではheader.phpに書いたため、どのページにも訪問中はすべてoffの状態に表記されています。
htmlとcssの知識はあるのですがphp初心者の為、どう表記していいかわかりません。

まだ制作途中ですがよろしければご確認ください。
http://www.oliveoilcafe.com

ご指導のほど、よろしくお願いいたします。