实现功能:导航菜单加入一级分类项目,根据所选导航,边栏分类项目只显示导航分类下的子类。
涉及到的文件有(都在wp-content/themes下对应的模版文件夹中):
- archive.php 入口页面
- sidebar.php 边栏页面
- single.php 文章页面
- search.php 查找页面
原理是通过导航当前分类的ID控制边栏分页的显示
第一步:
archive.php文件中加入如下代码:
$category = get_the_category(); //获取当前导航ID
$cat_tree = get_category_parents($category[0]->category_parent, FALSE, ':', TRUE);//获取父分类ID
$top_cat = explode(':',$cat_tree);
$catParentSlug = $top_cat[0]; //获取分类名称
$cat = get_category_by_slug($catParentSlug); //获取顶级分类对象
$cat_id = $cat->term_id; //获取顶级分类ID
if(is_single()||is_category()|| is_search()){
$name = 'sidebar_2.php';
include_once($name);
}else{
get_sidebar();
}
注意:
- $cat_id 变量定义后,下一个页面可以直接使用。
- 源文件调用边栏的地方注释掉
第二步:
复制sidebar.php页面,重命名为:sidebar_2.php,并将文件中一下代码注释掉
<?php dynamic_sidebar( 'sidebar-1' ); ?>
在此位置加入代码:
<div id="categories-2" class="widget widget_categories">
<?php wp_list_categories('hierarchical=1&show_count=1&title_li=&child_of='. $cat_id); ?>
</div>
具体的样式可以在没有修改前查看网页源代码,在此添加即可。
第三步:
修改single.php文件,先将此文件调用边栏代码注释掉,然后在原来的位置加入代码:
$category = get_the_category();
$cat_tree = get_category_parents($category[0]->category_parent, FALSE, ':', TRUE);
$top_cat = explode(':',$cat_tree);
$catParentSlug = $top_cat[0];
$cat = get_category_by_slug($catParentSlug);
$cat_id = $cat->term_id;
if(is_single()||is_category()|| is_search()){
$name = 'sidebar_2.php';
include_once($name);
}else{
get_sidebar();
}
第四部:
修改search.php,同样现将调用边栏代码注释掉,替换加入如下代码:
$cat_id = $_POST['cat'];
if(is_single()||is_category()|| is_search()){
$name = 'sidebar_2.php';
include_once($name);
}else{
get_sidebar();
}
其中
$cat_id = $_POST['cat'];
是根据搜索传过来的分类ID,这样就能记住顶级分类的ID,具体如何传入,下篇文章分享
这样就能实现根据导航显示指定分类项目了,赶快试试吧!