是否使用wp_list_ages()与WordPress 3.0中的新建菜单功能一起生成显示子页面的菜单？

时间：2010-08-18 作者：ZaMoose

之前，我能够使用以下逻辑有选择地加载当前所选父页面的子页面：

if(  $post->post_parent ) {
  $children = wp_list_pages("title_li=&child_of=".$post->post_parent."&echo=0");
} else {
  $children = wp_list_pages("title_li=&child_of=".$post->ID."&echo=0");
}

if ($children) { ?>
   <ul id="subnav">
     <?php echo $children; ?>
   </ul>
<?php 
} else {
}
使用新的register\\u nav\\u menu（）/wp\\u nav\\u menu（）功能似乎没有一种本地方式来实现这一点。有人知道我怎么能在这一点上修补这个吗？

以下是我试图实现的目标的截图：

Drop down Child menu screenshot

4 个回复
最合适的回答,由SO网友:jessegavin 整理而成

我创建了一个名为Page Sub Navigation（我知道这很聪明）的小部件，它适合我。

如果您安装了这个，您可以将小部件拖动到您的一个小部件区域BAM 它起作用了。

<?php
/*
Plugin Name: Page Sub Navigation
Plugin URI: http://codegavin.com/wordpress/sub-nav
Description: Displays a list of child pages for the current page
Author: Jesse Gavin
Version: 1
Author URI: http://codegavin.com
*/

function createPageSubMenu()
{
  if (is_page()) {
    global $wp_query;

    if( empty($wp_query->post->post_parent) ) {
      $parent = $wp_query->post->ID;
    } else {
      $parent = $wp_query->post->post_parent;
    }

    $title = get_the_title($parent);

    if(wp_list_pages("title_li=&child_of=$parent&echo=0" )) {
      echo "<div id=\'submenu\'>";
      echo "<h3><span>$title</span></h3>";
      echo "<ul>";
      wp_list_pages("title_li=&child_of=$parent&echo=1" );
      echo "</ul>";
      echo "</div>";
    }
  }
}


function widget_pageSubNav($args) {
  extract($args);
  echo $before_widget;
  createPageSubMenu();
  echo $after_widget;
}

function pageSubMenu_init()
{
  wp_register_sidebar_widget("cg-sidebar-widget", __(\'Page Sub Navigation\'), \'widget_pageSubNav\');
}
add_action("plugins_loaded", "pageSubMenu_init");
?>
或者如果你只想要多汁的部分。。。

if (is_page()) {
  global $wp_query;

  if( empty($wp_query->post->post_parent) ) {
    $parent = $wp_query->post->ID;
  } else {
    $parent = $wp_query->post->post_parent;
  }

  if(wp_list_pages("title_li=&child_of=$parent&echo=0" )) {
    wp_list_pages("title_li=&child_of=$parent&echo=1" );
  }
}
更新我找到了另一个插件，它基本上做了相同的事情（我不知道可能做得更好）。http://wordpress.org/extend/plugins/subpages-widget/

SO网友:rfair404

你可以通过css破解来做到这一点（我会尝试两种方法）

1这是我能想到的最简单的方法，让css显示子导航中的项目。

.current-menu-ancestor ul {display:inline;}
.current-menu-parent ul (display:inline;}
2假设您的主题支持body类，您可以为每个“sub-nav”创建一个nav菜单，并将其设置为显示在主导航下方，然后编辑样式表，使用以下方式仅显示subnav div：

.child-menu-about, .child-menu-leadership {display:none;}
body.page-id-YOUR_ABOUT_PAGE_ID .child-menu-about {display:inline;}
body.category-YOUR-CATEGORY-SLUG  .child-menu-leadership {display:inline;}

SO网友:maulik
<nav class="site-nav children-link">
                <?php       

                    if(  $post->post_parent ) 
                    {
                      $children = wp_list_pages("title_li=&child_of=".$post->post_parent."&echo=0");
                    } 
                    else 
                    {
                      $children = wp_list_pages("title_li=&child_of=".$post->ID."&echo=0");
                    }

                    if ($children) { ?>
                       <ul>

                            <?php echo $children; ?>

                       </ul>

                    <?php 
                        } else {
                        }
                ?>
        </nav>

CSS

/*children-links links*/

.children-link 
{       

        background-color: #1a5957;
        color:#FFF;
        font-size: 100%;

}

.children-link li
{
    margin: 10px;   


}

.children-link ul li a:link,
.children-link ul li a:visited 
{
        padding: 15px 17px;
        text-decoration: none;
        border: 1px solid #1a5957;

}
.children-link ul li a:hover 
{
        background-color: #1a5957;
        color:#FFF;
        font-weight: bold;

}
.children-link .current_page_item a:link,
.children-link .current_page_item a:visited
{

    background-color: #1a5957;
    color: #FFF;
    cursor: default;
}
SO网友:maulik

enter image description here1这是php显示。

enter image description here2这是css显示。

结束
标签： menus   小码农  

相关推荐