manipulate an HTML or CSS via PHP condition

Question

i have this navbar markup below, what is the easiest way to manipulate my HTML or CSS, that when the user is in /contact.php then my <li> contact would change to <li class="active">Contact</li>.

<ul>
<li class="active"> HOME </li>
<li> CONTACT</li>
</ul>

im not sure if my logic is correct. but this is what im thinking

if(isset($_GET) == '.../contact.php') { 
    // change Markup here
}

also, please be informed that im using wordpress. there might be some wordpress ways i might not be aware of ..

Philip · Accepted Answer · 2013-09-20 02:41:15Z

1

I have found a link for you that might help, CMS systems like Wordpress of joomla work a little differently

http://wordpress.org/support/topic/adding-active-class-to-active-menu-item

please let me know if there is anything.

answered Sep 20, 2013 at 2:41

Philip

551 silver badge9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mon Noval · Accepted Answer · 2013-09-20 03:36:45Z

1

I would like to know if you are using wp_nav_menu. If you do then you would not need to manually code the menu.

With regards to highlighting of current selected menu item and other features, I always refer to how twentythirteen theme handles it. See this style.css from theme, search for "4.2 Navigation", with that code, you can have highlight on current menu item plus other features you may need in the future.

answered Sep 20, 2013 at 3:36

Mon Noval

3802 silver badges8 bronze badges

Comments

Avi · Accepted Answer · 2013-09-20 03:06:12Z

0

Wordpress allready automatically adds current-menu-item on the menu item that is currently active, so your contact item in menu, when you are on the contact page allready has this class, provided that you are using wordpress native menu.

.current-menu-item {// your code}

answered Sep 20, 2013 at 3:06

Avi

1991 gold badge3 silver badges8 bronze badges

Collectives™ on Stack Overflow

manipulate an HTML or CSS via PHP condition

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related