• このエントリーをはてなブックマークに追加

ユーザーページ(author.php)をナビゲーションに追加、アクティブに!

ある案件でテーマのナビゲーションにユーザーページ(Author.php)へのリンクを追加する必要があったのですが、当然のことながらログインユーザーによってURL(http://example.com/author/ユーザー名)のユーザー名部分が変わります。
ナビゲーションのリンク自体は example.com/author共通で問題ないのですが、現在表示URLがユーザーページの場合に、デフォルトのままではナビゲーションのli要素にCSSクラスのcurrent-menu-itemが付加されません。
これでは、ユーザーページへのナビゲーションリンクがアクティブな時にCSSで文字装飾などが出来ないので、以下のjQueryスクリプトを追加しました。

$(document).ready(function(){
	if(location.pathname.match("/author")) {
        $('#site-navigation a[href*="/author"]').parent("li").addClass('current-menu-item');
	}
});

これでバッチリ!全ユーザー対応です!

スポンサーリンク







  • このエントリーをはてなブックマークに追加
スポンサーリンク