CSS-Tricks #36: Current Nav Highlighting: Using PHP to Set the Body ID

Posted in Development, Graphics, Web Technologies on September 18, 2008


CSS-Tricks #36: Current Nav Highlighting: Using PHP to Set the Body ID

One of the more efficient ways to handle current navigation highlighting is to give each of your navigation items a unique class name. Then give each page a unique ID on the body element. Then CSS can control what each navigation item looks like based on that body ID. But what if you are using a CMS like WordPress which includes that body tag as part of a template? In this case, we can use PHP to look at the URI of the page and create the ID based on that. Nifty trick!

Watch Video Watch Video Watch Video on External Site

Tags: PHP, CMS, WordPress, Design, HTML, CSS, CSS-Tricks