Highlight Current Page in menu not working on “posts” page

Don’t know if this is the issue, but according to Conditional_Tags:

is_home()
When the main blog page is being displayed. (WordPress 2.1 handles this function differently than prior versions. See Alternate Methods for Setting the Front Page for pre-2.1 WP.)

Note: If you select a static Page as your frontpage (see below), this tag will be applied to your “posts page”.

is_front_page()
When it is the front of the site displayed, whether it is posts or a Page. Returns true when the main blog page is being displayed and the ‘Settings > Reading ->Front page displays’ is set to “Your latest posts”, or when ‘Settings > Reading ->Front page displays’ is set to “A static page” and the “Front Page” value is the current Page being displayed. Note: this tag was added at Version 2.5.

?? !!!! Fixed it! Thank you for your help!

The code now is:

<ul>
<li<?php
                if (is_front_page())
                {
                echo " id=\"current\"";
                }?>>
                <a href="<?php bloginfo('url') ?>">Home</a>
        </li>
          <li<?php
                if (is_page('about'))
                {
                echo " id=\"current\"";
                }?>>
                <a href="<?php bloginfo('url') ?>/about">About</a>
        </li>
          <li<?php
                if (is_page('lessons'))
                {
                echo " id=\"current\"";
                }?>>
                <a href="<?php bloginfo('url') ?>/lessons">Lesson Pricing</a>
        </li>
          <li<?php
                if (is_page('student-gallery'))
                {
                echo " id=\"current\"";
                }?>>
                <a href="<?php bloginfo('url') ?>/student-gallery">Student Gallery</a>
        </li>
           <li<?php
                if (is_home())
                {
                echo " id=\"current\"";
                }?>>
                <a href="<?php bloginfo('url') ?>/blog">Blog</a>
        </li>
           <li<?php
                if (is_page('contact'))
                {
                echo " id=\"current\"";
                }?>>
                <a href="<?php bloginfo('url') ?>/contact">Contact</a>
        </li>

</ul>

Thanks again!

Hi everyone,

What if the wordpress address (www.example.com/blog) and blog address (www.example.com) are different? How can I link to the blog posts using the example above?

The reason I’m having an issue is because my front page is set to display a static page (index). Essentially I want my menu to work exactly the same as above.

Is somebody around here who knows how the css for the highlited item would look like?

I don’t mean the actual attributes, only how they are declared.

I have the same problem. This is my menu code:

<?php
	$pages = get_pages( array(
		    	'sort_order' => 'ASC',
		    	'sort_column' => 'menu_order',
		    	'parent' => 0 )
				);
	?>
	<?php
		if ($post->post_parent)
			//I am a subpage
			$id = $post->post_parent;
		else
			//I am a page
			$id = $post->ID;

			$subpages = get_pages("child_of=".$id."&sort_column=menu_order&&exclude=1355,1352,1358,1360,1362,1342,1364,1367");

	?>
<ul id="navcatlist">
<?php foreach ($pages as $page):?>
	<li <?php if ( ($page->ID == $post->ID) || ($post->post_parent == $page->ID) ) echo 'class="current-page-item"'?>>

		<a href="<?php echo get_permalink($page->ID); ?>"><?php echo $page->post_title ?></a>
		<?php
		if ( ($page->ID == $post->ID) || ($post->post_parent == $page->ID) ):	

		?>
		<ul>
			<?php
				foreach($subpages as $subpage):
			?>
			<li <?php if ($subpage->ID == $post->ID) echo 'class="current-subpage-item"'?>>
				<a href="<?php echo get_permalink($subpage->ID); ?>"><?php echo $subpage->post_title ?></a>
			</li>
			<?php endforeach; ?>
		</ul>
		<?php endif; ?>
	</li>

<?php endforeach;?>

@linosa

your code seems to assign the css class .current-page-item and .current-subpage-item resp.

do you have corresponding styles in style.css?

for instance:

.current-page-item a { ... }
.current-subpage-item a { ... }

so what is not working?

a link to your site might help to illustrate your problem.

It’s all done correctly in my css-file.

The problem is that my subpages and the “current highlighting” dosen’t work at my “Latest news” page, which is a page with posts. It works fine for all content pages.

Here’s a link to my site:
https://ateensonline.com/

The news can be found at “What’s up”.