Highlight current page wordpress

Highlight current page wordpress nav bar menu.

Highlight current page wordpress navigation is made for the purpose, that people who visit our blogs notice the different colors of the navigation tab, so it is easier to spot which page they are currently viewing.

Some wordpress bloggers even give a fix different menu background color for a specific page. You can see my “free services” menu tab in this blog, which is always highlighted with black background.

The reason is simply to catch visitor’s attention, that in that page, contains something different and special content compared with the post or pages in the whole blog.

Basically, if you highlight current page wordpress, you give your site ability to be more user friendly because it is offering them to see a highlighted menu tab if they select a specific or particular page.

Highlight current page wordpress, editing files.

When you want to highlight current page in wordpress, you need to know a little bit of programming language, which are mostly html, php and css. (see more in wordpress editing css file tutorial post).

You can also edit the php files, which to me, is more complicated than editing css file.

To modify the stylesheet file is the easiest way and more fast solution if you need to highlight current page wordpress, especially if you work with default theme.

If you use another theme, it is also not hard since wordpress 2.9+ supports classes to highlight current page wordpress. ( i used wordpress for the first time with wordpress 2.9.2, so i am not familiar with the older version).

In wordpress older version, as far as i know, you need to edit the php files of your theme to achive highlighted tab of your blog, but then the newer wordpress version allows us to specify the id and classes in css file to highlight current page wordpress.

highlight current page wordpress

Highlight current page wordpress demo on this blog.

Highlight current page wordpress video tutorials.

Eventhough it is my personal habit to check my wordpress blog w3c validator, i still recommend that you also do it whenever you modify your theme files, including to highlight current page wordpress.

Also very important to check how your blog looks in different browser, especially ie (Internet Explorer) and other browsers as well to see if you are successfully aply the css modification to highlight current page wordpress .

Another recommendation, which i am also currently using is to try Thesis theme, you do not have to edit any files, you just need to open theme option, choose color, and save. If you have any problem in this with Thesis theme feel free to contact me.

1. Almost one year ago, i have posted a video, how to highlight current page wordpress 2.9.2, which is titled, styling active button wordpess.

The method to  highlight current page wordpress is still the same, as well as the code, so feel free to check if you want to highlight current page of your wordpress blog.

If you like, you can modify the hover attribute too by giving a:hover in css file.

2. Another video tutorial that can be reference for this, is changing TwentyTen background menu color tutorial.

You can also try to implement these code to apply on special page or category.

li.current_page_item — to highlight the current page if an individual selects it.
li.current_page_parent — to highlight parent of the current page
li.current_page_ancestor — to highlight the ancestor of the current page

With those both videos above, you should be able to modify and highlight current page wordpress.

Highlight current page wordpress nav bar menu.

Highlight current page wordpress navigation is made for the purpose, that people who visit our blogs notice the different colour of the navigation tab, so it is easier to spot which page they are currently viewing.

Some wordpress bloggers even give a fix different menu background color for a specific page. You can see my “free services” menu tab in this blog, which is always highlighted with black background.

The reason is simply to catch visitor’s attention, that in that page, contains something different and special content compared with the post or pages in the whole blog.

Basically, if you highlight current page wordpress, you give your site ability to be more user friendly because it is offering them to see a highlighted menu tab if they select a specific or particular page.

highlight current page wordpress, editing files.

When you want to highlight current page in wordpress, you need to know a little bit of programming language, which are mostly html, php and css. (see more in wordpress editing css file tutorial post).

You can also edit the php files, which to me, is more complicated than editing css file.

To modify the stylesheet file is the easiest way and more fast solution, especially if you work with default theme.

If you use another theme, it is also not hard since wordpress 2.9+ supports classes to have current page highlighted. ( i used wordpress for the first time with wordpress 2.9.2, so i am not familiar with the older version).

In wordpress older version, as far as i know, you need to edit the php files of your theme to achive highlighted tab of your blog, but then the newer wordpress version allows us to specify the id and classes in css file to highlight current page wordpress.

Highlight current page wordpress video tutorial.

1. Almost one year ago, i have posted a video, how to highlight current page wordpress 2.9.2, which is titled, styling active button wordpess.

The method is still the same, as well as the code, so feel free to check if you want to highlight current page of your wordpress blog.

If you like, you can modify the hover attribute too by giving a:hover in css file.

2. Another video tutorial that can be reference for this, is changing TwentyTen background menu color tutorial.

You can also try to implement these code to apply on special page or category.

li.current_page_item highlight the current page if an individual selects it.
li.current_page_parent highlight parent of the current page

li.current_page_ancestor highlight the ancestor of the current page

With those both videos above, you should be able to modify and highlight current page wordpress.

Share the knowledge
Share on Google+0Tweet about this on TwitterShare on Facebook0Pin on Pinterest0Share on Reddit0Email this to someonePrint this page