In your theme’s functions.php add something like the following code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

function mytheme_addmenus() {
	register_nav_menus(
		array(
			'main_nav' => 'The Main Menu',
		)
	);
}
add_action( 'init', 'mytheme_addmenus' );
 
function mytheme_nav() {
    if ( function_exists( 'wp_nav_menu' ) )
        wp_nav_menu( 'menu=main_nav&container_class=pagemenu&fallback_cb=mytheme_nav_fallback' );
    else
        mytheme_nav_fallback();
}
 
function mytheme_nav_fallback() {
    wp_page_menu( 'show_home=Start&menu_class=pagemenu' );
}

In line 1 we add support for the navigation menus. The mytheme_nav() function is what you will use in the theme to display the menu. Inside that function we check if wp_nav_menu() exists, that means if we’re running WordPress 3.0 (or later). If not we’ll use the fallback function mytheme_nav_fallback().

Notice that the fallback also gets called if no navigation menus have been created in the admin area. That’s what the fallback_cb parameter on line 4 does.

To keep the HTM markup and the CSS consistent you’ll have to use the container_class parameter on wp_nav_menu but the menu_class parameter for wp_page_menu.

In your template use the following code to use your new custom function:

<?php mytheme_nav(); ?>

Resources

• wp_nav_menu() reference
• wp_page_menu() reference
• Informative article on nav menus by Justin Tadlock

Ramblings

What’s good about the new menu system:

• Total control over what appears in the menu
• You can add posts, pages, categories and tags in the menu
• Very nice drag and drop interface

What’s bad:

• You will have to teach your users how to use the system properly.
• If you create new pages they won’t be added to your existing menu (except for top level pages).
• You can not control your page menus through the navigation menus interface. I think it is… very very odd that WordPress doesn’t have a simple drag-and-drop interface to arrange pages.
• The previous point means that the new menu system is useless unless you update your theme.
• The wp_nav_menu() call is inconsistent with the existing wp_page_menu() function.

By the way, I use the Ozh admin menu plugin. You might need two clicks to switch if you don’t.

Download the plugin.

<?php
if ( have_comments() ) { ?>
    <ol class="commentlist">
    <?php
    wp_list_comments();
    if ( get_option('page_comments') && (
        get_query_var('cpage') > 1 ||
        get_query_var('cpage') < get_comment_pages_count() ) ) {
            ?> <!-- pager HTML --> <?php
            next_comments_link();
            ?> <!-- pager HTML --> <?php
            previous_comments_link(); 
            ?> <!-- pager HTML --> <?php
    } ?>
    </ol>
<?php
} ?>

If you want to get started with 2.7 theme migration have a look at Otto’s or Matt’s posts on the new comment system and ping/comment separation.

Update: No, get_previous_posts_page_link() is incorrect and get_previous_comments_link() doesn’t exist (yet).

Update 2: Thanks to Viper007Bond for pointing me in the right direction.

Update 3: trac ticket

Update 4: Additional conditional to not show the pager at all if paging isn’t enabled.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

foo = HMENU
foo {
	# I use this because I like to have one root page
	# that links to the first content page. All my
	# level 1 Pages are subpages of that page.
	entryLevel = 1
	# define the first level
	1 = TMENU
	1 {
		wrap = <ul>|</ul>
		# Normal Style
		NO = 1
		NO {
			wrapItemAndSub = <li>|</li>
		}
		# Style, if menu page is current page
		CUR = 1
		CUR {
			wrapItemAndSub = <li>|</li>
			ATagParams= class="cur"
		}
	}
	# Define one more level, create a copy of level 1
	2 < .1
	# add as many more levels as you need
	# 3 < .1 etc.
}

Replace foo with whatever marker or position in your TS array you want. If you want to do anything more fancy, you should really read the fine manual.

But it turned out to be easy, you just need to represent the navigation levels correctly in your HTML. Then apply the CSS formats and you’re done. Here’s one way to configure the vertical navigation for YAML:

foo = HMENU
foo {
    1 = TMENU
    1 {
        expAll = 1
        wrap = <ul>|</ul>
        NO = 1
        NO {
            wrapItemAndSub = <li>|</li>
        }
        CUR = 1
        CUR {
            wrapItemAndSub = <li>|</li>
            ATagParams= id="active"
        }
    }
    2 < .1
    2.wrap = <ul>|</ul>
    3 < .2
    # [...]
}