wordpress中每个父类别的子类别

时间:2017-08-06 11:50:59

标签: wordpress submenu

我试图在wordpress,菜单中进行操作,其中每个父类别都有子类别,但我想仅在父类别处于活动状态时显示子类别?

我想这样做:

<ul>
     <li class="active">Category 1</li>
          <ul>
               <li>Subcategory 1</li>
               <li>Subcategory 2</li>
          </u>
     <li>Category 2</li>
     <li>Category 3</li>
</ul>

我的菜单应如下所示:

in index:

- Category 1
- Category 2
- Category 3

in current category page:

- Category 1
   - Subcategory 1
   - Subcategory 2
   - Subcategory 3
- Category 2
- Category 3

2 个答案:

答案 0 :(得分:0)

使用此代码:

以下是您可以使用的代码:

$args = array(
  'option_none_value'  => '-1',
  'orderby'            => 'ID',
  'order'              => 'ASC',
  'show_count'         => 0,
  'hide_empty'         => 1,
  'child_of'           => 0,
  'echo'               => 0,
  'selected'           => 0,
  'hierarchical'       => 1,
  'name'               => 'cat',
  'class'              => 'postform',
  'depth'              => 0,
  'tab_index'          => 0,
  'taxonomy'           => 'category',
  'hide_if_empty'      => false,
  'value_field'      => 'term_id',
); 

 echo wp_dropdown_categories( $args );

Reference URL

答案 1 :(得分:0)

如果您可以发送屏幕截图或复制实际的HTML,我可能会帮助您使用一些可以实现您想要实现的目标的CSS。

(右键单击菜单 - &gt;单击Inspect,以便我们可以看到HTML)

通过添加以下CSS

,我可以通过Woocommerce侧边栏菜单实现此目的
/* Hide all Sub Categories */
ul.product-categories li.cat-parent ul.children {
    display: none;
}

/* Show Sub Categories when the parent is active */
ul.product-categories li.cat-parent.current-cat ul.children {
    display: block;
}