Wordpress侧导航调用当前分类子分类并设置高亮
页面顶部一般为主导航,为让主导航简洁,尽量不设计下拉菜单,而把子分类设置在侧面导航。和主导航一样设置高亮,便于用户了解自己所访问的位置。
调用当前分类子分类并设置高亮方法
打开主题目录下的 functions.php ,底部添加代码块
/* * 调用子分类 */ function get_category_root_id($cat){ $this_category = get_category($cat); // 取得当前分类 while($this_category->category_parent){ // 若当前分类有上级分类时,循环 $this_category = get_category($this_category->category_parent); // 将当前分类设为上级分类(往上爬) } return $this_category->term_id; // 返回根分类的id号 }
模板代码如下
<?php wp_list_cats('child_of=' . get_category_root_id($cat) . '&depth=1&hide_empty=0&hierarchical=1');?>
其中depth代表分类层级,数字“1”代表着当前栏目的下一级分类(相当于第二级)。当前类目的<li>标签会自动添加类名"current-cat",如下
<ul> <li><a href="/list-1//">栏目一</a></li> <li class="current-cat"><a href="/list-2/">栏目二</a></li> </ul>
CSS样式
<style type="text/css"> ul li.current-cat{color:#fff;background:#c00;} </style>
相关文章
- Wordpress栏目用分页插件与其他插件冲突出现404错误解决办法
- Wordpress首页列表页文章根据权重倒序排序
- Wordpress文章缩略图特色图片the_post_thumbnail函数应用
- Wordpress默认编辑器添加文字大小、字体
- Wordpress设置上传图片默认使用全尺寸
- Wordpress自定义字段插件Advanced Custom Fields使用及调用字段亲测有效
- Wordpress函数is_home判断是否首页失效及处理办法
- Wordpress插件contact form 7设置占位符描述文本placeholder
- Wordpress在任意页面调用联系表单简码
- Wordpress反复中毒,如何有效防止利用漏洞安装文件管理插件
- Wordpress调用指定分类有某TAG标签的文章
- Wordpress禁止指定用户名注册及增加邮箱验证