CSS, Snippets, WordPress, xHTML

Highlight the current page link in WordPress

If you are hard-coding your navigation menu in WordPress rather than using wp_list_pages() template tag, you will need to add a class manually in order to highlight the current page it is on.

<li<?php if (is_page('gallery')) : echo ' class="current_page_item"'; endif; ?>><a href="gallery/">Gallery</a></li>

Note: wp_list_pages() template tag automatically add current_page_item class to the <li> element for the currently viewed page.

3 thoughts on “Highlight the current page link in WordPress

  1. thnx for the article, i’ve tried to find this all over the internet but i couldn’t find proper solution!

    Thanks once more

Comments are closed.

Twitter
LinkedIn
YouTube
Instagram