只做利于SEO的网站,提供网站建设、SEO、网站代运营等服务。服务中心 | 建站流程 | 网站地图

Wordpress用ID判断当前分类是否为子分类设置高亮

2021-10-15小猴建站 阅读()相关主题:wordpress

在指定分类下有多个子分类,可以实现类似筛选的效果,当前页面是一级分类,对应的是 “不限”,做成高亮效果,其他均为子分类,点击后也有对应的高亮效果。

判断当前分类是否为子分类

这种效果Wordpress也能实现,思路是:通过判断当前页面ID是否是一级页面的ID,如果是,则添加class类,否则为空。

HTML部分

<ul>
  <li <?php
    global $wp_query;
    $cat_ID = get_query_var('cat');
    if($cat_ID == "7"){ //一级栏目ID是 7 ,根据实际情况修改
     echo 'class="current-cat"'; //class类不可更换
    }else echo '';
   ?>><a  href="<?php echo get_catgory_link(7);?>">不限</a>
 </li>
 <!--增加函数 start,此函数跟本例无关-->
 <?php wp_list_cats('child_of=' . get_category_root_id($cat) . '&depth=1&hide_empty=0&hierarchical=1');?>
 <!--增加函数 end-->
</ul>

CSS样式

<style type="text/css">
 ul li.current-cat{color:#c00;background:#c00;}
</style>

上述增加函数参考文章《Wordpress侧导航调用当前分类子分类并设置高亮