ワードプレスプライマリおよびセカンダリナビゲーション

Question

以下は私のリンク先ページ "製品"です。それは2列を表示し、左側はセカンダリナビゲーション、右側はコンテンツです。私は誰かが主要なナビゲーション "製品"をクリックした場合それが欲しい。 2番目のナビゲーションでは、最初の項目は太字で表示され、内容が表示されます。ランディングページ「製品」の場合

<?php 
/* 
    Template Name: Product Navigation Page 
*/ 
?> 

<?php get_header(); ?> 

    <div class="container page-border-top"> 

    <div id="product-navigation" class="col-md-3" style="border: 1px solid green;"> 

    <div id="navbar" class="navbar-collapse collapse"> 

     <?php 

     $args2 = array(
      'menu'  => 'product-menu', 
      'menu_class' => 'nav navbar-nav', 
      'theme_location' => 'product-menu', 
      'container' => 'false' 
     ); 
     wp_nav_menu($args2); 

     ?> 

    </div><!--/.navbar-collapse --> 

    </div> 

    <div class="col-md-9" style="border: 1px solid red;"> 
     <?php if (have_posts()) : while (have_posts()) : the_post(); ?> 

      <?php the_content(); ?> 

     <?php endwhile; endif; ?> 
    </div> 

    </div> 

<?php get_footer(); ?> 

Answer 1

は、親を持たない、と「製品」のすべての製品の子ページ場合は、ランディングページとすべての子ページ（製品）のために、このテンプレートファイルを使用することができます。

<?php 
/* 
    Template Name: Product Navigation Page 
*/ 

$redirect = false; 
$parent_id = wp_get_post_parent_id($post->ID); 

if (! $parent_id) { 
    $redirect = true; 
    $parent_id = $post->ID; 
} 

// get all child's 
$all_wp_pages = $wp_query->query(array(
    'post_type' => 'page', 
    'order' => 'ASC', 
    'orderby' => 'menu_order', 
    'post_status' => 'publish' 
)); 

$childs = get_page_children($parent_id, $all_wp_pages); 

if ($redirect) { 
    wp_redirect(get_permalink($childs[0]->ID)); 
    exit; 
} 

$current_page_id = $post->ID; 

?> 

<?php get_header(); ?> 

    <div class="container page-border-top"> 

    <div id="product-navigation" class="col-md-3" style="border: 1px solid green;"> 

    <div id="navbar" class="navbar-collapse collapse"> 

     <ul class="menu"> 
     <?php foreach ($childs as $child): ?> 
      <li class="<?php if ($current_page_id == $child->ID): ?>current-menu-item<?php endif; ?>"><a href="<?php the_permalink($child->ID); ?>"><?php echo $child->post_name; ?></a></li> 
     <?php endforeach; ?> 
     </ul> 

    </div><!--/.navbar-collapse --> 

    </div> 

    <div class="col-md-9" style="border: 1px solid red;"> 
     <?php if (have_posts()) : while (have_posts()) : the_post(); ?> 

      <?php the_content(); ?> 

     <?php endwhile; endif; ?> 
    </div> 

    </div> 

<?php get_footer(); ?> 

製品のメニューを作成する必要はありません。すべての子ページが一覧表示され、注文フィールド（ページ属性）で商品を並べ替えることができます。ステップバイ

ステップ：

1. 「製品」のチャイルズなど、いくつかの製品ページを作成し、選択し
2. （製品ナビページ）ページ「製品」を作成し、それのために上記のテンプレートファイルを選択します上記のテンプレートファイル（Product Navigation Page）も参照してください。

テンプレートファイルは、自動的に目的のセカンダリナビゲーションを左側に作成します。現在の製品にはCSSクラスcurrent-menu-itemがあるため、太字でスタイルを設定できます。

この部分は、第二のNAVを生成します。

<ul class="menu"> 
    <?php foreach ($childs as $child): ?> 
    <li class="<?php if ($current_page_id == $child->ID): ?>current-menu-item<?php endif; ?>"><a href="<?php the_permalink($child->ID); ?>"><?php echo $child->post_name; ?></a></li> 
    <?php endforeach; ?> 
</ul>