I have a theme in which there is a old code in the header file that is: <div class="art-nav-center"> <ul class="art-menu"> <?php art_menu_items(); ?> </ul> </div> </div> what if i want to make it dynamic? like i want the feature of adding new menu items right from the wordpress admin panel how can i do that? thanks in advance.
i have got the code but when i insert that the buttons do not come in design. That is the css is not working with the buttons.
Hello! I just found this official document, looks pretty straight forward and should help you get the custom navigation menu features installed: http://codex.wordpress.org/Navigation_Menus
Thanks. But can you help me in setting the css? Because i have tried everything but i cannot get the buttons to work with the css. please help these are the menus classes <div class="art-nav-center"> <ul class="art-menu"> <?php art_menu_items(); ?> </ul> </div> </div> how can i add them here? <?php wp_nav_menu( array( 'theme_location' => 'header-menu' ) ); ?> or here> wp_nav_menu( array( 'theme_location' => 'extra-menu', 'container_class' => 'my_extra_menu_class' ) );
Here is the complete header file please some one help me to convert it to the latest navigation menu <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <title><?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) { single_cat_title(); if(get_bloginfo('name') != "") echo ' - ' ; bloginfo('name'); } elseif (is_single() ) { single_post_title(); } elseif (is_page() ) { bloginfo('name'); if(get_bloginfo('name') != "") echo ': '; single_post_title(); } else { wp_title('',true); } ?></title> <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" /> <!--[if IE 6]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie6.css" type="text/css" media="screen" /> <![endif]--> <!--[if IE 7]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie7.css" type="text/css" media="screen" /> <![endif]--> <link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" /> <link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" /> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> <script src="<?php bloginfo('template_url'); ?>/js/jquery.js" type="text/javascript"></script> <script src="<?php bloginfo('template_url'); ?>/js/s3Slider.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $('#s3slider').s3Slider({ timeOut: 5000 }); }); </script> <?php wp_head(); ?> </head> <body> <div id="art-main"> <div class="art-sheet"> <div class="art-sheet-tl"></div> <div class="art-sheet-tr"></div> <div class="art-sheet-bl"></div> <div class="art-sheet-br"></div> <div class="art-sheet-tc"></div> <div class="art-sheet-bc"></div> <div class="art-sheet-cl"></div> <div class="art-sheet-cr"></div> <div class="art-sheet-cc"></div> <div class="art-sheet-body"> <div class="art-nav"> <div class="l"></div> <div class="r"></div> <div class="art-nav-center"> <ul class="art-menu"> <?php art_menu_items(); ?> </ul> </div> </div> <div class="art-header"> <div class="art-header-jpeg"></div> <div style="position: absolute; width: 622px; height: 49px; z-index: 2; left:84px; top:36px" id="capa2"> <div class="bnd-title"></div></div> <div style="position: absolute; width: 622px; height: 40px; z-index: 2; left:86px; top:68px" id="capa2"> <div class="bnd-tagline"></div></div> <div style="position: absolute; width: 496px; height: 70px; z-index: 2; left:417px; top:10px" id="capa2"> <p><img src="<?php bloginfo('template_url'); ?>/images/banner.png" border=0 style=" height:84px; "></p> </div> </div> PHP:
Is this your theme's default menu? <div id="art-main"> <div class="art-sheet"> <div class="art-sheet-tl"></div> <div class="art-sheet-tr"></div> <div class="art-sheet-bl"></div> <div class="art-sheet-br"></div> <div class="art-sheet-tc"></div> <div class="art-sheet-bc"></div> <div class="art-sheet-cl"></div> <div class="art-sheet-cr"></div> <div class="art-sheet-cc"></div> <div class="art-sheet-body"> <div class="art-nav"> <div class="l"></div> <div class="r"></div> <div class="art-nav-center"> <ul class="art-menu"> <?php art_menu_items(); ?> </ul> </div> </div> will you paste a link to the page?