ある案件でテーマのナビゲーションにユーザーページ(author.php)へのリンクを追加する必要があったのですが、当然のことながらログインユーザーによってURL(http://example.com/author/ユーザー名)のユーザー名部分が変わります。
ナビゲーションのリンク自体は example.com/author共通で問題ないのですが、現在表示URLがユーザーページの場合に、デフォルトのままではナビゲーションのli要素にCSSクラスのcurrent-menu-itemが付加されません。
これでは、ユーザーページへのナビゲーションリンクがアクティブな時にCSSで文字装飾などが出来ないので、以下のjQueryスクリプトを追加しました。
jQuery
$(document).ready(function(){ if(location.pathname.match("/author")) { $('#site-navigation a[href*="/author"]').parent("li").addClass('current-menu-item'); } });
これでバッチリ!全ユーザー対応です!
コメント