共通のヘッダー使用時、ページごとにリンクの色を変えたい

Question

#やりたいこと

サイトのヘッダー部分(header.php)に
[photo/about/contact]
上記のリンクを置いてあります。

このリンクの色を、

photoページにいる時は
[photo/about/contact]

aboutページにいる時は
[photo/about/contact]

contactページにいる時は
[photo/about/contact]

のように該当ページのリンクのみ色を変えたいのです。
(ここでは色を変えられなかったので太字にしています)

CSSでこれが実現可能でしょうか？
それともjqueryなどを利用するのでしょうか？

よろしくお願い致します。

Comments

[dit.]

ご使用のテーマは自作ですか？その場合、photo/about/contactのリンクはWordPressのメニュー機能を使用していますか、それともheader.phpにaタグで直接記述していますか？

[hirotaka612]

自作です。aタグ記述しています。

[dit.]

aタグのまま運用するのであれば8-0_nyan5さんが回答してくださっている追記の方法で出来そうですね。お試しください。

[hirotaka612]

お手数おかけしました。ありがとうございました。

Answer 1

WordPressのカスタムメニューで作成したメニューであれば、可能ですよ。
（子ページまでは無理でしょうけど）

WordPressのカスタムメニューでアクティブページだけ装飾を変える方法（カレント表示）

参考まで。

追記

こんなのもあります。
WordPressで現在表示しているページを判定しclass=”current”を追加する方法（カレント表示）

参考まで。

Comments

[hirotaka612]

currentが良さそうですね！
助かりました。
ありがとうございました！