My WordPress menu based on Twitter bootstrap creates menu-item and not page-item

I've got a dynamic menu being generated, but instead of generating a page-item it generates a menu-item. What I wou

I've got a dynamic menu being generated, but instead of generating a page-item it generates a menu-item. What I would like it to do is generate page-items and all the rest of it so that I can show or highlight the current page a user is visiting.

my code is :

// header.php

<?php // Loading WordPress Custom Menu
    wp_nav_menu( array(
        'container_class' => 'collapse navbar-collapse navbar-ex1-collapse',
        'menu_class'      => 'nav navbar-nav',
        'menu_id'         => 'main-menu',
        'walker'          => new Cwd_wp_bootstrapwp_Walker_Nav_Menu()
) ); ?>

And then in the functions.php I have

add_action( 'after_setup_theme', 'cwd_wp_bootstrapwp_theme_setup' );
if ( ! function_exists( 'cwd_wp_bootstrapwp_theme_setup' ) ):
function cwd_wp_bootstrapwp_theme_setup() {
    // Adds the main menu
    register_nav_menus( array(
        'main-menu' => __( 'Main Menu', 'cwd_wp_bootstrapwp' ),
    ) );
}
endif;

I've got a dynamic menu being generated, but instead of generating a page-item it generates a menu-item. What I would like it to do is generate page-items and all the rest of it so that I can show or highlight the current page a user is visiting.

my code is :

// header.php

<?php // Loading WordPress Custom Menu
    wp_nav_menu( array(
        'container_class' => 'collapse navbar-collapse navbar-ex1-collapse',
        'menu_class'      => 'nav navbar-nav',
        'menu_id'         => 'main-menu',
        'walker'          => new Cwd_wp_bootstrapwp_Walker_Nav_Menu()
) ); ?>

And then in the functions.php I have

add_action( 'after_setup_theme', 'cwd_wp_bootstrapwp_theme_setup' );
if ( ! function_exists( 'cwd_wp_bootstrapwp_theme_setup' ) ):
function cwd_wp_bootstrapwp_theme_setup() {
    // Adds the main menu
    register_nav_menus( array(
        'main-menu' => __( 'Main Menu', 'cwd_wp_bootstrapwp' ),
    ) );
}
endif;
Share Improve this question edited Feb 21, 2014 at 1:51 kaiser 50.9k27 gold badges151 silver badges245 bronze badges asked Feb 21, 2014 at 1:29 Dominic FrancisDominic Francis 101 2
  • Do you mean highlight the menu item in the menu? – Brad Dalton Commented Feb 21, 2014 at 2:08
  • Yes, so if you're on the blog page highlight the menu item that says blog. – Dominic Francis Commented Feb 21, 2014 at 8:17
Add a comment  | 

1 Answer 1

Reset to default 0

This is an example of CSS code which works with one specific theme.

You may need to change the classes depending on your theme.

.nav-primary .current-menu-item > a  {
color: blue;
background-color: white;
}

This will highlight the background color of the current menu item to white and you can also change the font color which in this case is blue.

发布者:admin,转转请注明出处:http://www.yc00.com/questions/1745651894a4638314.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信