Web Development Blog

Web Development » CSS, Snippets, WordPress, xHTML » Highlight the current page link in WordPress

26 May, 2009

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.

Found this article useful? Share it with your friends:

Love what you've just read? Subscribe to our newsletter to receive tips, resources and special offers related to web development & design.

Your name:   Your email:  

Other similar posts that you might be interested in:

• 5 steps to creating a custom Archive page in WordPress
• Display 5 latest posts in each category in WordPress
• Customising category.php in WordPress
• Internet Explorer 8 (beta) is here
• Top 10 jQuery Mobile Code Snippets that you need to know
• Common elements on magazine websites
• Display 10 recent post titles on homepage

4 Responses to “Highlight the current page link in WordPress”

1. Ber2 says:

   June 15, 2009 at 1:46 pm

   Great article. Thanks for the sharing.
2. Sajid Iqbal says:

   June 23, 2009 at 6:55 pm

   Thanks for sharing. It saved me the day.
3. ???????? ?????? | ???? ??? » ????? ??? 3 says:

   July 27, 2009 at 3:57 pm

   [...]   Highlight the current page link in WordPress ??? ??? ???? ??? ????? ???? ??? ?????? ???? ?????? ??? ( ???????? , ?? ??? , ??? ?????? , ???? ?? … ) ???? ??????? ?????? ??? ??? ?? ???? ?? ????? ????? ???? ? ?????? ????? [...]
4. :) says:

   February 21, 2010 at 10:32 pm

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

   Thanks once more