wordpress之wp_nav_menu使用说明

Question

转：lonelystarxing

wordpress之wp_nav_menu使用说明

wp_nav_menu()方法位于wp-includes/nav-menu-templates.php文件中。

其主要用途是通过该方法，

实现后台的生成菜单调用。

使用该功能之前，必须激活主题3.0+菜单功能。

方法如下：

在functions.php文件中加入

add_theme_support( 'nav-menus' );或者
•// 自定义菜单
•register_nav_menus(
•array(
•‘header-menu’ => __( ’导航自定义菜单’ ),
•‘footer-menu’ => __( ’页角自定义菜单’ )
•
•；简单调用如下：

1. <?php  wp_nav_menu($args);?>

复制代码调用的menu默认排版为

view sourceprint?

1. 01 <?php $defaults = array(  
   
2. 
   
3. 02   'theme_location'  => ,  
   
4. 
   
5. 03   'menu'            => ,   
   
6. 
   
7. 04   'container'       => 'div',   
   
8. 
   
9. 05   'container_class' => 'menu-{menu slug}-container',   
   
10. 
    
11. 06   'container_id'    => ,   
    
12. 
    
13. 07   'menu_class'      => 'menu',   
    
14. 
    
15. 08   'menu_id'         => ,  
    
16. 
    
17. 09   'echo'            => true,  
    
18. 
    
19. 10   'fallback_cb'     => 'wp_page_menu',  
    
20. 
    
21. 11   'before'          => ,  
    
22. 
    
23. 12   'after'           => ,  
    
24. 
    
25. 13   'link_before'     => ,  
    
26. 
    
27. 14   'link_after'      => ,  
    
28. 
    
29. 15   'depth'           => 0,  
    
30. 
    
31. 16   'walker'          => );  
    
32. 
    
33. 17 ?>

复制代码如果是多菜单的话，如下调用

1. <?php echo wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ) ?>

复制代码根据是否登录生成不同该菜单栏

1. <?php
   
2. if ( is_user_logged_in() ) {
   
3.      wp_nav_menu(
   
4. array( 'theme_location' => 'logged-in-menu' ) );}
   
5. else {
   
6.      wp_nav_menu( array( 'theme_location' => 'logged-out-menu' ) );
   
7. }?>
   

复制代码移除菜单栏

1. <?php
   
2. function my_wp_nav_menu_args( $args = '' ){
   
3.         $args['container'] = false;
   
4.         return $args;} // functionadd_filter( 'wp_nav_menu_args', 'my_wp_nav_menu_args' );
   
5. ?>

复制代码或者

1. <?php
   
2. wp_nav_menu( array( 'container' => '' ) );
   
3. ?>

复制代码生成的菜单css风格为

1.jpg (32.29 KB, 下载次数: 8)

下载附件

2011-04-13 17:28 上传

可以通过
view sourceprint?

1. 1 'before'         
   
2. => ,<BR>  'after'         
   
3. => ,<BR>  'link_before'     
   
4. => ,<BR>  'link_after'      
   
5. => ,<BR>

复制代码添加使用的标签，并对其进行css美化，可以让你获得心中想要的效果。

Answer 1

楼主有关于wordpress 的教程吗，我最近在学习，但是没有好的资料