首页 » Wordpress » Wordpress进阶教程
网站地图

wordpress进阶教程(四十):文章筛选功能

前几天一网友找我写一个筛选功能，他要做一个关于房产信息的网站，希望访客能在网页上根据条件筛选符合条件的文章。

根据他的功能要求，我给他的建议是，给每个筛选条件建立自定义分类法。比如他需求是根据四个条件来筛选，省、市、类型、价格。

其次，筛选页面我还是根据习惯使用了以前的伪静态方法，使访问的url地址类型为：www.shouce.ren/sift/、www.shouce.ren/sift/0_0_0_0、www.shouce.ren/sift/1_23_33_32/  后面以下划线分割的字符，就是我们要筛选的参数，分别为四个分类的ID。然后根据这四个ID值，来筛选符合条件的文章。最终效果：sift

要做这种功能，内容较多，文章最后面直接提供一个我已经写好了此功能的极简单主题，安装即可用。

注意：本文内容仅仅在伪静态状态下可用，win主机，不管你伪不伪静态，，，都勿用。

步骤一：建立自定义分类法。

本教程讲述的内容中用到了四个筛选条件：省、市、类型、价格。所以，我就给建立四个自定义分类法(使用默认的post)。使用下述代码，你可以直接复制粘贴到functions.php文件中。关于自定义分类法，你也可以访问wordpress进阶教程(三):创建自定义分类法

下列代码存放在本教程提供的主题中的 include/taxonomy.php文件中

  2. //给post创建四个自定义分类法 
  3. add_action('init', 'ashu_post_type');
  4. function ashu_post_type() {
  5.   register_taxonomy(
  6.     'province',
  7.     'post',
  8.     array(
  9.       'label' => '省',
  10.       'rewrite' => array( 'slug' => 'province' ),
  11.       'hierarchical' => true
  12.     )
  13.   );
  15.   register_taxonomy(
  16.     'city',
  17.     'post',
  18.     array(
  19.       'label' => '市',
  20.       'rewrite' => array( 'slug' => 'city' ),
  21.       'hierarchical' => true
  22.     )
  23.   );
  25.   register_taxonomy(
  26.     'genre',
  27.     'post',
  28.     array(
  29.       'label' => '类型',
  30.       'rewrite' => array( 'slug' => 'genre' ),
  31.       'hierarchical' => true
  32.     )
  33.   );
  35.   register_taxonomy(
  36.     'price',
  37.     'post',
  38.     array(
  39.       'label' => '价格',
  40.       'rewrite' => array( 'slug' => 'price' ),
  41.       'hierarchical' => true
  42.     )
  43.   );
  44. }
  47. //获取筛选页面的Url 
  48. function ashuwp_sift_link(){
  49.   return home_url()."/sift";
  50. }
  52. /* 
  53. *添加query变量 
  54. */
  55. function ashuwp_query_vars($public_query_vars) {
  56.     $public_query_vars[] = 'ashuwp_page';
  57.     $public_query_vars[] = 'condition';
  58.     return $public_query_vars;
  59. }
  60. /* 
  61. *sift页面的重写规则,三种url： 
  62. *shouce.ren/sift   shouce.ren/sift/0_0_0_0/    shouce.ren/sift/0_0_0_0/page/2 
  63. */
  64. function ashuwp_rewrite_rules( $wp_rewrite ){
  65.   $new_rules = array(
  66.     'sift/?$' => 'index.php?ashuwp_page=sift',
  67.     'sift/([^/]+)/?$' => 'index.php?ashuwp_page=sift&condition='.$wp_rewrite->preg_index(1),
  68.     'sift/([^/]+)/page/?([0-9]{1,})/?$' => 'index.php?ashuwp_page=sift&condition='.$wp_rewrite->preg_index(1).'&paged='.$wp_rewrite->preg_index(2)
  69.   );
  70.   $wp_rewrite->rules = $new_rules + $wp_rewrite->rules;
  71. }
  73. /* 
  74. *载入模板规则 
  75. *用page-sift.php作为筛选页面的模板文件 
  76. */
  77. function ashuwp_template_redirect(){
  78.   global $wp,$wp_query,$wp_rewrite;
  79.   if( !isset($wp_query->query_vars['ashuwp_page']) )
  80.     return;
  82.   $reditect_page =  $wp_query->query_vars['ashuwp_page'];
  84.   if ($reditect_page == "sift"){
  85.     include(get_template_directory().'/page-sift.php');
  86.     die();
  87.   }
  88. }
  90. /* 
  91. *更新重写规则 
  92. *激活主题的时候 
  93. */
  94. function ashuwp_flush_rewrite_rules() {
  95.   global $pagenow, $wp_rewrite;
  96.   if ( 'themes.php' == $pagenow && isset( $_GET['activated'] ) )
  97.     $wp_rewrite->flush_rules();
  98. }
  101. add_action( 'load-themes.php', 'ashuwp_flush_rewrite_rules' );
  102. add_action('generate_rewrite_rules', 'ashuwp_rewrite_rules' );
  103. add_action('query_vars', 'ashuwp_query_vars');
  104. add_action("template_redirect", 'ashuwp_template_redirect');
  107. 筛选页面的内容较多，直接贴出，部分代码有注释。大概思路就是：
  108. 1. 先获取所有分类法的所有分类ID，有两个用途：判断从url获取的分类ID是否存在、输出筛选页面中筛选条件的url。
  109. 2.从url中获取四个ID参数。
  110. 3.输出筛选条件列表。注意判断当前访问、以及“不限”的条件
  111. 4.根据条件查询文章。
  113. 下面代码存在放本教程提供的主题的page-sift.php文件中
  114. <!DOCTYPE html>
  115. <html lang="zh-CN">
  116. <head>
  117. <meta charset="UTF-8">
  118. <title>阿树工作室--筛选页面教程</title>
  119. <link rel='stylesheet' id='ashuwp-style-css'  href='<?php echo get_stylesheet_uri(); ?>' type='text/css' media='all' />
  120. </head>
  121. <body>
  122. <div id="site-page">
  123. <div id="header">
  124. <h1 id="logo">
  125.  <a href="http://www.treework.cn">treework.cn</a>
  126. </h1>
  127. <h2 class="align-cenetr">阿树工作室--筛选页面教程</h2>
  128. </div>
  129. <div class="container content">
  130. <?php
  131. //1.1 获取所有province分类,将id放入 $province_id数组 
  132. $args = array(
  133.   'taxonomy'=>'province',
  134.   'orderby'=>'id',
  135.   'hide_empty'=>0
  136. );
  137. $province_ob = get_categories( $args );
  138. $province_id = array();
  139. foreach($province_ob as $province){
  140.   $province_id[] = $province->term_id;
  141. }
  143. //1.2 获取所有city分类,将id放入 $city_id数组 
  144. $args = array(
  145.   'taxonomy'=>'city',
  146.   'orderby'=>'id',
  147.   'hide_empty'=>0
  148. );
  149. $city_ob = get_categories( $args );
  150. $city_id = array();
  151. foreach($city_ob as $city){
  152.   $city_id[] = $city->term_id;
  153. }
  155. //1.3 获取所有genre分类,将id放入 $genre_id数组 
  156. $args = array(
  157.   'taxonomy'=>'genre',
  158.   'orderby'=>'id',
  159.   'hide_empty'=>0
  160. );
  161. $genre_ob = get_categories( $args );
  162. $genre_id = array();
  163. foreach($genre_ob as $genre){
  164.   $genre_id[] = $genre->term_id;
  165. }
  167. //1.4 获取所有price分类,将id放入 $price_id数组 
  168. $args = array(
  169.   'taxonomy'=>'price',
  170.   'orderby'=>'id',
  171.   'hide_empty'=>0
  172. );
  173. $price_ob = get_categories( $args );
  174. $price_id = array();
  175. foreach($price_ob as $price){
  176.   $price_id[] = $price->term_id;
  177. }
  179. //2 参数处理 
  180. //2.1 页码 
  181. $wp_query->query_vars['paged'] > 1 ? $pagenum = $wp_query->query_vars['paged'] : $pagenum = 1;
  183. /*2.2 从url中获取参数 即url中 0_0_0_0 
  184. *将获取到的四个参数放入 $cons 数组中 
  185. */
  186. global $wp_query;
  187. if( isset($wp_query->query_vars['condition']) && $wp_query->query_vars['condition']!='' ){
  188.   $condition = $wp_query->query_vars['condition'];
  189.   $conditions = explode('_',$condition);
  191.   $cons = array();
  193.   if(isset($conditions[0])){
  194.     $conditions[0] = (int)$conditions[0];
  195.   }else{
  196.     $conditions[0]=0;
  197.   }
  199.   if(isset($conditions[1])){
  200.     $conditions[1] = (int)$conditions[1];
  201.   }else{
  202.     $conditions[1]=0;
  203.   }
  205.   if(isset($conditions[2])){
  206.     $conditions[2] = (int)$conditions[2];
  207.   }else{
  208.     $conditions[2]=0;
  209.   }
  211.   if(isset($conditions[3])){
  212.     $conditions[3] = (int)$conditions[3];
  213.   }else{
  214.     $conditions[3]=0;
  215.   }
  217.   //从url中获取到的各分类法分类ID是否真实存在 
  218.   if( in_array($conditions[0],$province_id) ){
  219.     $cons[0]=$conditions[0];
  220.   }else{
  221.     $cons[0]=0;
  222.   }
  223.   if( in_array($conditions[1],$city_id) ){
  224.     $cons[1]=$conditions[1];
  225.   }else{
  226.     $cons[1]=0;
  227.   }
  228.   if( in_array($conditions[2],$genre_id) ){
  229.     $cons[2]=$conditions[2];
  230.   }else{
  231.     $cons[2]=0;
  232.   }
  233.   if( in_array($conditions[3],$price_id) ){
  234.     $cons[3]=$conditions[3];
  235.   }else{
  236.     $cons[3]=0;
  237.   }
  238.   $sift_link = ashuwp_sift_link().'/'.$cons[0].'_'.$cons[1].'_'.$cons[2].'_'.$cons[3];
  239. }else{
  240.   $cons = array(0,0,0,0);
  241.   $sift_link = ashuwp_sift_link().'/0_0_0_0';
  242. }
  244. ?>
  245. <div class="sift_query">
  246. <div class="sift_cons">
  247. <div class="sift_li">
  248. <span>省：</span>
  249. <a <?php if($cons[0]==0){ echo 'class="current"'; } ?> href="<?php echo ashuwp_sift_link(); ?>/0_<?php echo $cons[1];?>_<?php echo $cons[2];?>_<?php echo $cons[3];?>/">不限</a>
  250. <?php
  251. foreach( $province_ob as $province ){
  252. ?>
  253.   <a href="<?php echo ashuwp_sift_link(); ?>/<?php echo $province->term_id; ?>_<?php echo $cons[1]; ?>_<?php echo $cons[2]; ?>_<?php echo $cons[3];?>" <?php if($cons[0] == $province->term_id){ echo 'class="current"'; } ?>><?php echo $province->name; ?></a>
  254. <?php } ?>
  255. </div>
  257. <div class="sift_li"><span>市：</span><a <?php if($cons[1] == 0){ echo 'class="current"'; } ?> href="<?php echo ashuwp_sift_link(); ?>/<?php echo $cons[0];?>_0_<?php echo $cons[2]; ?>_<?php echo $cons[3];?>/">不限</a>
  258. <?php
  259. foreach( $city_ob as $city ){ ?>
  260.     <a href="<?php echo ashuwp_sift_link(); ?>/<?php echo $cons[0]; ?>_<?php echo $city->term_id; ?>_<?php echo $cons[2]; ?>_<?php echo $cons[3];?>" <?php if($cons[1] == $city->term_id){ echo 'class="current"'; } ?>><?php echo $city->name; ?></a>
  261. <?php } ?>
  262. </div>
  264. <div class="sift_li"><span>类型：</span><a <?php if($cons[2] == 0){ echo 'class="current"'; } ?> href="<?php echo ashuwp_sift_link(); ?>/<?php echo $cons[0];?>_<?php echo $cons[1]; ?>_0_<?php echo $cons[3];?>/">不限</a>
  265. <?php
  266. foreach( $genre_ob as $genre ){ ?>
  267.     <a href="<?php echo ashuwp_sift_link(); ?>/<?php echo $cons[0]; ?>_<?php echo $cons[1]; ?>_<?php echo $genre->term_id; ?>_<?php echo $cons[3];?>" <?php if($cons[2] == $genre->term_id){ echo 'class="current"'; } ?>><?php echo $genre->name; ?></a>
  268. <?php } ?>
  269. </div>
  272. <div class="sift_li"><span>价格：</span><a <?php if($cons[3] == 0){ echo 'class="current"'; } ?> href="<?php echo ashuwp_sift_link(); ?>/<?php echo $cons[0];?>_<?php echo $cons[1]; ?>_<?php echo $cons[2]; ?>_0/">不限</a>
  273. <?php
  274. foreach( $price_ob as $price ){ ?>
  275.     <a href="<?php echo ashuwp_sift_link(); ?>/<?php echo $cons[0]; ?>_<?php echo $cons[1]; ?>_<?php echo $cons[2]; ?>_<?php echo $price->term_id; ?>" <?php if($cons[3] == $price->term_id){ echo 'class="current"'; } ?>><?php echo $price->name; ?></a>
  276. <?php } ?>
  277. </div>
  279. </div>
  281. <?php
  282. //将获取到的参数组合为query_posts的参数 
  283. $tax_query = array(
  284.     'relation'=> 'AND',
  285. );
  286. //province 
  287. if( $cons[0] != 0 ){
  288.     $tax_query[] = array(
  289.         'taxonomy'=>'province',
  290.         'field'=>'id',
  291.         'terms'=>$cons[0]
  292.     );
  293. }
  294. //city 
  295. if( $cons[1] != 0 ){
  296.     $tax_query[] = array(
  297.         'taxonomy'=>'city',
  298.         'field'=>'id',
  299.         'terms'=>$cons[1]
  300.     );
  301. }
  302. //genre 
  303. if( $cons[2] != 0 ){
  304.     $tax_query[] = array(
  305.         'taxonomy'=>'genre',
  306.         'field'=>'id',
  307.         'terms'=>$cons[2]
  308.     );
  309. }
  310. //price 
  311. if( $cons[3] != 0 ){
  312.     $tax_query[] = array(
  313.         'taxonomy'=>'price',
  314.         'field'=>'id',
  315.         'terms'=>$cons[3]
  316.     );
  317. }
  319. $args = array(
  320.     'paged' => $pagenum,
  321.     'tax_query'=> $tax_query
  322. );
  323. global $ashuwp_query;
  324. $ashuwp_query = new WP_Query( $args );
  325. ?>
  326. <div class="query_count">共找到<?php echo $ashuwp_query->found_posts;?>个符合条件的内容</div>
  327. </div>
  329. <?php
  330. if($ashuwp_query->have_posts()) : ?>
  331. <div id="post_list">
  332. <?php while($ashuwp_query->have_posts()) : $ashuwp_query->the_post(); ?>
  333. <div class="post">
  334.   <a href="<?php the_permalink();?>"><?php the_title();?></a>
  335. </div>
  336. <?php endwhile;?>
  337. </div>
  338. <?php endif; ?>
  341. <div id="ashuwp_page">
  342. <?php
  343. $pagination = paginate_links( array(
  344.   'base' => $links.'/page/%#%',
  345.   'format' => '/page/%#%',
  346.   'prev_text' => '上一页',
  347.   'next_text' => '下一页',
  348.   'total' => $ashuwp_query->max_num_pages,
  349.   'current' => $pagenum
  350. ) );
  351. if ( $pagination ) {
  352.     echo $pagination;
  353. }
  354. ?>
  355. </div>
  357. </div>
  358. </div><!--site-page-->
  359. <div id="footer">
  360. <div class="container">
  361. <p>阿树工作室，联系作者admin@treework.cn</p>
  362. </div>
  363. </div>
  364. </body>
  365. </html>

添加完代码，应该在后台文章下面会多出四个自定义分类法：taxonomy

步骤二：添加筛选默认，重写规则。

1. 先在主题文件夹下面建立一个page-sift.php文件(文件名无要求，与下面代码中对应即可)，这个文件将作为筛选页面的模板文件。

2.添加重写规则，使得用户访问类似www.shouce.ren/sift、www.shouce.ren/sift/0_0_0_0类型url时，不会出现404，而且能正确加载模板。

关于wordpress重写规则，你也可以访问wordpress进阶教程(16):添加一个重写规则，构建新页面初试

下列代码存放在本教程提供的主题中的 include/rewrite.php文件中：

  2. //给post创建四个自定义分类法 
  3. add_action('init', 'ashu_post_type');
  4. function ashu_post_type() {
  5.   register_taxonomy(
  6.     'province',
  7.     'post',
  8.     array(
  9.       'label' => '省',
  10.       'rewrite' => array( 'slug' => 'province' ),
  11.       'hierarchical' => true
  12.     )
  13.   );
  15.   register_taxonomy(
  16.     'city',
  17.     'post',
  18.     array(
  19.       'label' => '市',
  20.       'rewrite' => array( 'slug' => 'city' ),
  21.       'hierarchical' => true
  22.     )
  23.   );
  25.   register_taxonomy(
  26.     'genre',
  27.     'post',
  28.     array(
  29.       'label' => '类型',
  30.       'rewrite' => array( 'slug' => 'genre' ),
  31.       'hierarchical' => true
  32.     )
  33.   );
  35.   register_taxonomy(
  36.     'price',
  37.     'post',
  38.     array(
  39.       'label' => '价格',
  40.       'rewrite' => array( 'slug' => 'price' ),
  41.       'hierarchical' => true
  42.     )
  43.   );
  44. }
  47. //获取筛选页面的Url 
  48. function ashuwp_sift_link(){
  49.   return home_url()."/sift";
  50. }
  52. /* 
  53. *添加query变量 
  54. */
  55. function ashuwp_query_vars($public_query_vars) {
  56.     $public_query_vars[] = 'ashuwp_page';
  57.     $public_query_vars[] = 'condition';
  58.     return $public_query_vars;
  59. }
  60. /* 
  61. *sift页面的重写规则,三种url： 
  62. *shouce.ren/sift   shouce.ren/sift/0_0_0_0/    shouce.ren/sift/0_0_0_0/page/2 
  63. */
  64. function ashuwp_rewrite_rules( $wp_rewrite ){
  65.   $new_rules = array(
  66.     'sift/?$' => 'index.php?ashuwp_page=sift',
  67.     'sift/([^/]+)/?$' => 'index.php?ashuwp_page=sift&condition='.$wp_rewrite->preg_index(1),
  68.     'sift/([^/]+)/page/?([0-9]{1,})/?$' => 'index.php?ashuwp_page=sift&condition='.$wp_rewrite->preg_index(1).'&paged='.$wp_rewrite->preg_index(2)
  69.   );
  70.   $wp_rewrite->rules = $new_rules + $wp_rewrite->rules;
  71. }
  73. /* 
  74. *载入模板规则 
  75. *用page-sift.php作为筛选页面的模板文件 
  76. */
  77. function ashuwp_template_redirect(){
  78.   global $wp,$wp_query,$wp_rewrite;
  79.   if( !isset($wp_query->query_vars['ashuwp_page']) )
  80.     return;
  82.   $reditect_page =  $wp_query->query_vars['ashuwp_page'];
  84.   if ($reditect_page == "sift"){
  85.     include(get_template_directory().'/page-sift.php');
  86.     die();
  87.   }
  88. }
  90. /* 
  91. *更新重写规则 
  92. *激活主题的时候 
  93. */
  94. function ashuwp_flush_rewrite_rules() {
  95.   global $pagenow, $wp_rewrite;
  96.   if ( 'themes.php' == $pagenow && isset( $_GET['activated'] ) )
  97.     $wp_rewrite->flush_rules();
  98. }
  101. add_action( 'load-themes.php', 'ashuwp_flush_rewrite_rules' );
  102. add_action('generate_rewrite_rules', 'ashuwp_rewrite_rules' );
  103. add_action('query_vars', 'ashuwp_query_vars');
  104. add_action("template_redirect", 'ashuwp_template_redirect');
  107. 筛选页面的内容较多，直接贴出，部分代码有注释。大概思路就是：
  108. 1. 先获取所有分类法的所有分类ID，有两个用途：判断从url获取的分类ID是否存在、输出筛选页面中筛选条件的url。
  109. 2.从url中获取四个ID参数。
  110. 3.输出筛选条件列表。注意判断当前访问、以及“不限”的条件
  111. 4.根据条件查询文章。
  113. 下面代码存在放本教程提供的主题的page-sift.php文件中
  114. <!DOCTYPE html>
  115. <html lang="zh-CN">
  116. <head>
  117. <meta charset="UTF-8">
  118. <title>阿树工作室--筛选页面教程</title>
  119. <link rel='stylesheet' id='ashuwp-style-css'  href='<?php echo get_stylesheet_uri(); ?>' type='text/css' media='all' />
  120. </head>
  121. <body>
  122. <div id="site-page">
  123. <div id="header">
  124. <h1 id="logo">
  125.  <a href="http://www.treework.cn">treework.cn</a>
  126. </h1>
  127. <h2 class="align-cenetr">阿树工作室--筛选页面教程</h2>
  128. </div>
  129. <div class="container content">
  130. <?php
  131. //1.1 获取所有province分类,将id放入 $province_id数组 
  132. $args = array(
  133.   'taxonomy'=>'province',
  134.   'orderby'=>'id',
  135.   'hide_empty'=>0
  136. );
  137. $province_ob = get_categories( $args );
  138. $province_id = array();
  139. foreach($province_ob as $province){
  140.   $province_id[] = $province->term_id;
  141. }
  143. //1.2 获取所有city分类,将id放入 $city_id数组 
  144. $args = array(
  145.   'taxonomy'=>'city',
  146.   'orderby'=>'id',
  147.   'hide_empty'=>0
  148. );
  149. $city_ob = get_categories( $args );
  150. $city_id = array();
  151. foreach($city_ob as $city){
  152.   $city_id[] = $city->term_id;
  153. }
  155. //1.3 获取所有genre分类,将id放入 $genre_id数组 
  156. $args = array(
  157.   'taxonomy'=>'genre',
  158.   'orderby'=>'id',
  159.   'hide_empty'=>0
  160. );
  161. $genre_ob = get_categories( $args );
  162. $genre_id = array();
  163. foreach($genre_ob as $genre){
  164.   $genre_id[] = $genre->term_id;
  165. }
  167. //1.4 获取所有price分类,将id放入 $price_id数组 
  168. $args = array(
  169.   'taxonomy'=>'price',
  170.   'orderby'=>'id',
  171.   'hide_empty'=>0
  172. );
  173. $price_ob = get_categories( $args );
  174. $price_id = array();
  175. foreach($price_ob as $price){
  176.   $price_id[] = $price->term_id;
  177. }
  179. //2 参数处理 
  180. //2.1 页码 
  181. $wp_query->query_vars['paged'] > 1 ? $pagenum = $wp_query->query_vars['paged'] : $pagenum = 1;
  183. /*2.2 从url中获取参数 即url中 0_0_0_0 
  184. *将获取到的四个参数放入 $cons 数组中 
  185. */
  186. global $wp_query;
  187. if( isset($wp_query->query_vars['condition']) && $wp_query->query_vars['condition']!='' ){
  188.   $condition = $wp_query->query_vars['condition'];
  189.   $conditions = explode('_',$condition);
  191.   $cons = array();
  193.   if(isset($conditions[0])){
  194.     $conditions[0] = (int)$conditions[0];
  195.   }else{
  196.     $conditions[0]=0;
  197.   }
  199.   if(isset($conditions[1])){
  200.     $conditions[1] = (int)$conditions[1];
  201.   }else{
  202.     $conditions[1]=0;
  203.   }
  205.   if(isset($conditions[2])){
  206.     $conditions[2] = (int)$conditions[2];
  207.   }else{
  208.     $conditions[2]=0;
  209.   }
  211.   if(isset($conditions[3])){
  212.     $conditions[3] = (int)$conditions[3];
  213.   }else{
  214.     $conditions[3]=0;
  215.   }
  217.   //从url中获取到的各分类法分类ID是否真实存在 
  218.   if( in_array($conditions[0],$province_id) ){
  219.     $cons[0]=$conditions[0];
  220.   }else{
  221.     $cons[0]=0;
  222.   }
  223.   if( in_array($conditions[1],$city_id) ){
  224.     $cons[1]=$conditions[1];
  225.   }else{
  226.     $cons[1]=0;
  227.   }
  228.   if( in_array($conditions[2],$genre_id) ){
  229.     $cons[2]=$conditions[2];
  230.   }else{
  231.     $cons[2]=0;
  232.   }
  233.   if( in_array($conditions[3],$price_id) ){
  234.     $cons[3]=$conditions[3];
  235.   }else{
  236.     $cons[3]=0;
  237.   }
  238.   $sift_link = ashuwp_sift_link().'/'.$cons[0].'_'.$cons[1].'_'.$cons[2].'_'.$cons[3];
  239. }else{
  240.   $cons = array(0,0,0,0);
  241.   $sift_link = ashuwp_sift_link().'/0_0_0_0';
  242. }
  244. ?>
  245. <div class="sift_query">
  246. <div class="sift_cons">
  247. <div class="sift_li">
  248. <span>省：</span>
  249. <a <?php if($cons[0]==0){ echo 'class="current"'; } ?> href="<?php echo ashuwp_sift_link(); ?>/0_<?php echo $cons[1];?>_<?php echo $cons[2];?>_<?php echo $cons[3];?>/">不限</a>
  250. <?php
  251. foreach( $province_ob as $province ){
  252. ?>
  253.   <a href="<?php echo ashuwp_sift_link(); ?>/<?php echo $province->term_id; ?>_<?php echo $cons[1]; ?>_<?php echo $cons[2]; ?>_<?php echo $cons[3];?>" <?php if($cons[0] == $province->term_id){ echo 'class="current"'; } ?>><?php echo $province->name; ?></a>
  254. <?php } ?>
  255. </div>
  257. <div class="sift_li"><span>市：</span><a <?php if($cons[1] == 0){ echo 'class="current"'; } ?> href="<?php echo ashuwp_sift_link(); ?>/<?php echo $cons[0];?>_0_<?php echo $cons[2]; ?>_<?php echo $cons[3];?>/">不限</a>
  258. <?php
  259. foreach( $city_ob as $city ){ ?>
  260.     <a href="<?php echo ashuwp_sift_link(); ?>/<?php echo $cons[0]; ?>_<?php echo $city->term_id; ?>_<?php echo $cons[2]; ?>_<?php echo $cons[3];?>" <?php if($cons[1] == $city->term_id){ echo 'class="current"'; } ?>><?php echo $city->name; ?></a>
  261. <?php } ?>
  262. </div>
  264. <div class="sift_li"><span>类型：</span><a <?php if($cons[2] == 0){ echo 'class="current"'; } ?> href="<?php echo ashuwp_sift_link(); ?>/<?php echo $cons[0];?>_<?php echo $cons[1]; ?>_0_<?php echo $cons[3];?>/">不限</a>
  265. <?php
  266. foreach( $genre_ob as $genre ){ ?>
  267.     <a href="<?php echo ashuwp_sift_link(); ?>/<?php echo $cons[0]; ?>_<?php echo $cons[1]; ?>_<?php echo $genre->term_id; ?>_<?php echo $cons[3];?>" <?php if($cons[2] == $genre->term_id){ echo 'class="current"'; } ?>><?php echo $genre->name; ?></a>
  268. <?php } ?>
  269. </div>
  272. <div class="sift_li"><span>价格：</span><a <?php if($cons[3] == 0){ echo 'class="current"'; } ?> href="<?php echo ashuwp_sift_link(); ?>/<?php echo $cons[0];?>_<?php echo $cons[1]; ?>_<?php echo $cons[2]; ?>_0/">不限</a>
  273. <?php
  274. foreach( $price_ob as $price ){ ?>
  275.     <a href="<?php echo ashuwp_sift_link(); ?>/<?php echo $cons[0]; ?>_<?php echo $cons[1]; ?>_<?php echo $cons[2]; ?>_<?php echo $price->term_id; ?>" <?php if($cons[3] == $price->term_id){ echo 'class="current"'; } ?>><?php echo $price->name; ?></a>
  276. <?php } ?>
  277. </div>
  279. </div>
  281. <?php
  282. //将获取到的参数组合为query_posts的参数 
  283. $tax_query = array(
  284.     'relation'=> 'AND',
  285. );
  286. //province 
  287. if( $cons[0] != 0 ){
  288.     $tax_query[] = array(
  289.         'taxonomy'=>'province',
  290.         'field'=>'id',
  291.         'terms'=>$cons[0]
  292.     );
  293. }
  294. //city 
  295. if( $cons[1] != 0 ){
  296.     $tax_query[] = array(
  297.         'taxonomy'=>'city',
  298.         'field'=>'id',
  299.         'terms'=>$cons[1]
  300.     );
  301. }
  302. //genre 
  303. if( $cons[2] != 0 ){
  304.     $tax_query[] = array(
  305.         'taxonomy'=>'genre',
  306.         'field'=>'id',
  307.         'terms'=>$cons[2]
  308.     );
  309. }
  310. //price 
  311. if( $cons[3] != 0 ){
  312.     $tax_query[] = array(
  313.         'taxonomy'=>'price',
  314.         'field'=>'id',
  315.         'terms'=>$cons[3]
  316.     );
  317. }
  319. $args = array(
  320.     'paged' => $pagenum,
  321.     'tax_query'=> $tax_query
  322. );
  323. global $ashuwp_query;
  324. $ashuwp_query = new WP_Query( $args );
  325. ?>
  326. <div class="query_count">共找到<?php echo $ashuwp_query->found_posts;?>个符合条件的内容</div>
  327. </div>
  329. <?php
  330. if($ashuwp_query->have_posts()) : ?>
  331. <div id="post_list">
  332. <?php while($ashuwp_query->have_posts()) : $ashuwp_query->the_post(); ?>
  333. <div class="post">
  334.   <a href="<?php the_permalink();?>"><?php the_title();?></a>
  335. </div>
  336. <?php endwhile;?>
  337. </div>
  338. <?php endif; ?>
  341. <div id="ashuwp_page">
  342. <?php
  343. $pagination = paginate_links( array(
  344.   'base' => $links.'/page/%#%',
  345.   'format' => '/page/%#%',
  346.   'prev_text' => '上一页',
  347.   'next_text' => '下一页',
  348.   'total' => $ashuwp_query->max_num_pages,
  349.   'current' => $pagenum
  350. ) );
  351. if ( $pagination ) {
  352.     echo $pagination;
  353. }
  354. ?>
  355. </div>
  357. </div>
  358. </div><!--site-page-->
  359. <div id="footer">
  360. <div class="container">
  361. <p>阿树工作室，联系作者admin@treework.cn</p>
  362. </div>
  363. </div>
  364. </body>
  365. </html>

由此，添加完代码后，你可以尝试重新启用你的主题，看访问类似www.shouce.ren/sift地址的时候是否会出现404，如果是空白页，那就对了，因为我们的筛选页面模板page-sift.php还没有添加内容，所以是空白页。

步骤三、筛选页面模板

前面步骤二中，我们已经为筛选页面建立了页面模板page-sift.php，而且使用wordpress的url重写使得我们的筛选url能正确载入模板。接下来就要完善筛选页面的内容。

  2. //给post创建四个自定义分类法 
  3. add_action('init', 'ashu_post_type');
  4. function ashu_post_type() {
  5.   register_taxonomy(
  6.     'province',
  7.     'post',
  8.     array(
  9.       'label' => '省',
  10.       'rewrite' => array( 'slug' => 'province' ),
  11.       'hierarchical' => true
  12.     )
  13.   );
  15.   register_taxonomy(
  16.     'city',
  17.     'post',
  18.     array(
  19.       'label' => '市',
  20.       'rewrite' => array( 'slug' => 'city' ),
  21.       'hierarchical' => true
  22.     )
  23.   );
  25.   register_taxonomy(
  26.     'genre',
  27.     'post',
  28.     array(
  29.       'label' => '类型',
  30.       'rewrite' => array( 'slug' => 'genre' ),
  31.       'hierarchical' => true
  32.     )
  33.   );
  35.   register_taxonomy(
  36.     'price',
  37.     'post',
  38.     array(
  39.       'label' => '价格',
  40.       'rewrite' => array( 'slug' => 'price' ),
  41.       'hierarchical' => true
  42.     )
  43.   );
  44. }
  47. //获取筛选页面的Url 
  48. function ashuwp_sift_link(){
  49.   return home_url()."/sift";
  50. }
  52. /* 
  53. *添加query变量 
  54. */
  55. function ashuwp_query_vars($public_query_vars) {
  56.     $public_query_vars[] = 'ashuwp_page';
  57.     $public_query_vars[] = 'condition';
  58.     return $public_query_vars;
  59. }
  60. /* 
  61. *sift页面的重写规则,三种url： 
  62. *shouce.ren/sift   shouce.ren/sift/0_0_0_0/    shouce.ren/sift/0_0_0_0/page/2 
  63. */
  64. function ashuwp_rewrite_rules( $wp_rewrite ){
  65.   $new_rules = array(
  66.     'sift/?$' => 'index.php?ashuwp_page=sift',
  67.     'sift/([^/]+)/?$' => 'index.php?ashuwp_page=sift&condition='.$wp_rewrite->preg_index(1),
  68.     'sift/([^/]+)/page/?([0-9]{1,})/?$' => 'index.php?ashuwp_page=sift&condition='.$wp_rewrite->preg_index(1).'&paged='.$wp_rewrite->preg_index(2)
  69.   );
  70.   $wp_rewrite->rules = $new_rules + $wp_rewrite->rules;
  71. }
  73. /* 
  74. *载入模板规则 
  75. *用page-sift.php作为筛选页面的模板文件 
  76. */
  77. function ashuwp_template_redirect(){
  78.   global $wp,$wp_query,$wp_rewrite;
  79.   if( !isset($wp_query->query_vars['ashuwp_page']) )
  80.     return;
  82.   $reditect_page =  $wp_query->query_vars['ashuwp_page'];
  84.   if ($reditect_page == "sift"){
  85.     include(get_template_directory().'/page-sift.php');
  86.     die();
  87.   }
  88. }
  90. /* 
  91. *更新重写规则 
  92. *激活主题的时候 
  93. */
  94. function ashuwp_flush_rewrite_rules() {
  95.   global $pagenow, $wp_rewrite;
  96.   if ( 'themes.php' == $pagenow && isset( $_GET['activated'] ) )
  97.     $wp_rewrite->flush_rules();
  98. }
  101. add_action( 'load-themes.php', 'ashuwp_flush_rewrite_rules' );
  102. add_action('generate_rewrite_rules', 'ashuwp_rewrite_rules' );
  103. add_action('query_vars', 'ashuwp_query_vars');
  104. add_action("template_redirect", 'ashuwp_template_redirect');
  107. 筛选页面的内容较多，直接贴出，部分代码有注释。大概思路就是：
  108. 1. 先获取所有分类法的所有分类ID，有两个用途：判断从url获取的分类ID是否存在、输出筛选页面中筛选条件的url。
  109. 2.从url中获取四个ID参数。
  110. 3.输出筛选条件列表。注意判断当前访问、以及“不限”的条件
  111. 4.根据条件查询文章。
  113. 下面代码存在放本教程提供的主题的page-sift.php文件中
  114. <!DOCTYPE html>
  115. <html lang="zh-CN">
  116. <head>
  117. <meta charset="UTF-8">
  118. <title>阿树工作室--筛选页面教程</title>
  119. <link rel='stylesheet' id='ashuwp-style-css'  href='<?php echo get_stylesheet_uri(); ?>' type='text/css' media='all' />
  120. </head>
  121. <body>
  122. <div id="site-page">
  123. <div id="header">
  124. <h1 id="logo">
  125.  <a href="http://www.treework.cn">treework.cn</a>
  126. </h1>
  127. <h2 class="align-cenetr">阿树工作室--筛选页面教程</h2>
  128. </div>
  129. <div class="container content">
  130. <?php
  131. //1.1 获取所有province分类,将id放入 $province_id数组 
  132. $args = array(
  133.   'taxonomy'=>'province',
  134.   'orderby'=>'id',
  135.   'hide_empty'=>0
  136. );
  137. $province_ob = get_categories( $args );
  138. $province_id = array();
  139. foreach($province_ob as $province){
  140.   $province_id[] = $province->term_id;
  141. }
  143. //1.2 获取所有city分类,将id放入 $city_id数组 
  144. $args = array(
  145.   'taxonomy'=>'city',
  146.   'orderby'=>'id',
  147.   'hide_empty'=>0
  148. );
  149. $city_ob = get_categories( $args );
  150. $city_id = array();
  151. foreach($city_ob as $city){
  152.   $city_id[] = $city->term_id;
  153. }
  155. //1.3 获取所有genre分类,将id放入 $genre_id数组 
  156. $args = array(
  157.   'taxonomy'=>'genre',
  158.   'orderby'=>'id',
  159.   'hide_empty'=>0
  160. );
  161. $genre_ob = get_categories( $args );
  162. $genre_id = array();
  163. foreach($genre_ob as $genre){
  164.   $genre_id[] = $genre->term_id;
  165. }
  167. //1.4 获取所有price分类,将id放入 $price_id数组 
  168. $args = array(
  169.   'taxonomy'=>'price',
  170.   'orderby'=>'id',
  171.   'hide_empty'=>0
  172. );
  173. $price_ob = get_categories( $args );
  174. $price_id = array();
  175. foreach($price_ob as $price){
  176.   $price_id[] = $price->term_id;
  177. }
  179. //2 参数处理 
  180. //2.1 页码 
  181. $wp_query->query_vars['paged'] > 1 ? $pagenum = $wp_query->query_vars['paged'] : $pagenum = 1;
  183. /*2.2 从url中获取参数 即url中 0_0_0_0 
  184. *将获取到的四个参数放入 $cons 数组中 
  185. */
  186. global $wp_query;
  187. if( isset($wp_query->query_vars['condition']) && $wp_query->query_vars['condition']!='' ){
  188.   $condition = $wp_query->query_vars['condition'];
  189.   $conditions = explode('_',$condition);
  191.   $cons = array();
  193.   if(isset($conditions[0])){
  194.     $conditions[0] = (int)$conditions[0];
  195.   }else{
  196.     $conditions[0]=0;
  197.   }
  199.   if(isset($conditions[1])){
  200.     $conditions[1] = (int)$conditions[1];
  201.   }else{
  202.     $conditions[1]=0;
  203.   }
  205.   if(isset($conditions[2])){
  206.     $conditions[2] = (int)$conditions[2];
  207.   }else{
  208.     $conditions[2]=0;
  209.   }
  211.   if(isset($conditions[3])){
  212.     $conditions[3] = (int)$conditions[3];
  213.   }else{
  214.     $conditions[3]=0;
  215.   }
  217.   //从url中获取到的各分类法分类ID是否真实存在 
  218.   if( in_array($conditions[0],$province_id) ){
  219.     $cons[0]=$conditions[0];
  220.   }else{
  221.     $cons[0]=0;
  222.   }
  223.   if( in_array($conditions[1],$city_id) ){
  224.     $cons[1]=$conditions[1];
  225.   }else{
  226.     $cons[1]=0;
  227.   }
  228.   if( in_array($conditions[2],$genre_id) ){
  229.     $cons[2]=$conditions[2];
  230.   }else{
  231.     $cons[2]=0;
  232.   }
  233.   if( in_array($conditions[3],$price_id) ){
  234.     $cons[3]=$conditions[3];
  235.   }else{
  236.     $cons[3]=0;
  237.   }
  238.   $sift_link = ashuwp_sift_link().'/'.$cons[0].'_'.$cons[1].'_'.$cons[2].'_'.$cons[3];
  239. }else{
  240.   $cons = array(0,0,0,0);
  241.   $sift_link = ashuwp_sift_link().'/0_0_0_0';
  242. }
  244. ?>
  245. <div class="sift_query">
  246. <div class="sift_cons">
  247. <div class="sift_li">
  248. <span>省：</span>
  249. <a <?php if($cons[0]==0){ echo 'class="current"'; } ?> href="<?php echo ashuwp_sift_link(); ?>/0_<?php echo $cons[1];?>_<?php echo $cons[2];?>_<?php echo $cons[3];?>/">不限</a>
  250. <?php
  251. foreach( $province_ob as $province ){
  252. ?>
  253.   <a href="<?php echo ashuwp_sift_link(); ?>/<?php echo $province->term_id; ?>_<?php echo $cons[1]; ?>_<?php echo $cons[2]; ?>_<?php echo $cons[3];?>" <?php if($cons[0] == $province->term_id){ echo 'class="current"'; } ?>><?php echo $province->name; ?></a>
  254. <?php } ?>
  255. </div>
  257. <div class="sift_li"><span>市：</span><a <?php if($cons[1] == 0){ echo 'class="current"'; } ?> href="<?php echo ashuwp_sift_link(); ?>/<?php echo $cons[0];?>_0_<?php echo $cons[2]; ?>_<?php echo $cons[3];?>/">不限</a>
  258. <?php
  259. foreach( $city_ob as $city ){ ?>
  260.     <a href="<?php echo ashuwp_sift_link(); ?>/<?php echo $cons[0]; ?>_<?php echo $city->term_id; ?>_<?php echo $cons[2]; ?>_<?php echo $cons[3];?>" <?php if($cons[1] == $city->term_id){ echo 'class="current"'; } ?>><?php echo $city->name; ?></a>
  261. <?php } ?>
  262. </div>
  264. <div class="sift_li"><span>类型：</span><a <?php if($cons[2] == 0){ echo 'class="current"'; } ?> href="<?php echo ashuwp_sift_link(); ?>/<?php echo $cons[0];?>_<?php echo $cons[1]; ?>_0_<?php echo $cons[3];?>/">不限</a>
  265. <?php
  266. foreach( $genre_ob as $genre ){ ?>
  267.     <a href="<?php echo ashuwp_sift_link(); ?>/<?php echo $cons[0]; ?>_<?php echo $cons[1]; ?>_<?php echo $genre->term_id; ?>_<?php echo $cons[3];?>" <?php if($cons[2] == $genre->term_id){ echo 'class="current"'; } ?>><?php echo $genre->name; ?></a>
  268. <?php } ?>
  269. </div>
  272. <div class="sift_li"><span>价格：</span><a <?php if($cons[3] == 0){ echo 'class="current"'; } ?> href="<?php echo ashuwp_sift_link(); ?>/<?php echo $cons[0];?>_<?php echo $cons[1]; ?>_<?php echo $cons[2]; ?>_0/">不限</a>
  273. <?php
  274. foreach( $price_ob as $price ){ ?>
  275.     <a href="<?php echo ashuwp_sift_link(); ?>/<?php echo $cons[0]; ?>_<?php echo $cons[1]; ?>_<?php echo $cons[2]; ?>_<?php echo $price->term_id; ?>" <?php if($cons[3] == $price->term_id){ echo 'class="current"'; } ?>><?php echo $price->name; ?></a>
  276. <?php } ?>
  277. </div>
  279. </div>
  281. <?php
  282. //将获取到的参数组合为query_posts的参数 
  283. $tax_query = array(
  284.     'relation'=> 'AND',
  285. );
  286. //province 
  287. if( $cons[0] != 0 ){
  288.     $tax_query[] = array(
  289.         'taxonomy'=>'province',
  290.         'field'=>'id',
  291.         'terms'=>$cons[0]
  292.     );
  293. }
  294. //city 
  295. if( $cons[1] != 0 ){
  296.     $tax_query[] = array(
  297.         'taxonomy'=>'city',
  298.         'field'=>'id',
  299.         'terms'=>$cons[1]
  300.     );
  301. }
  302. //genre 
  303. if( $cons[2] != 0 ){
  304.     $tax_query[] = array(
  305.         'taxonomy'=>'genre',
  306.         'field'=>'id',
  307.         'terms'=>$cons[2]
  308.     );
  309. }
  310. //price 
  311. if( $cons[3] != 0 ){
  312.     $tax_query[] = array(
  313.         'taxonomy'=>'price',
  314.         'field'=>'id',
  315.         'terms'=>$cons[3]
  316.     );
  317. }
  319. $args = array(
  320.     'paged' => $pagenum,
  321.     'tax_query'=> $tax_query
  322. );
  323. global $ashuwp_query;
  324. $ashuwp_query = new WP_Query( $args );
  325. ?>
  326. <div class="query_count">共找到<?php echo $ashuwp_query->found_posts;?>个符合条件的内容</div>
  327. </div>
  329. <?php
  330. if($ashuwp_query->have_posts()) : ?>
  331. <div id="post_list">
  332. <?php while($ashuwp_query->have_posts()) : $ashuwp_query->the_post(); ?>
  333. <div class="post">
  334.   <a href="<?php the_permalink();?>"><?php the_title();?></a>
  335. </div>
  336. <?php endwhile;?>
  337. </div>
  338. <?php endif; ?>
  341. <div id="ashuwp_page">
  342. <?php
  343. $pagination = paginate_links( array(
  344.   'base' => $links.'/page/%#%',
  345.   'format' => '/page/%#%',
  346.   'prev_text' => '上一页',
  347.   'next_text' => '下一页',
  348.   'total' => $ashuwp_query->max_num_pages,
  349.   'current' => $pagenum
  350. ) );
  351. if ( $pagination ) {
  352.     echo $pagination;
  353. }
  354. ?>
  355. </div>
  357. </div>
  358. </div><!--site-page-->
  359. <div id="footer">
  360. <div class="container">
  361. <p>阿树工作室，联系作者admin@treework.cn</p>
  362. </div>
  363. </div>
  364. </body>
  365. </html>

文件下载

下载的文件为一个极简单的主题，运行一下步骤：

1.下载主题并安装，并设置好伪静态

2.添加几篇文章到自定义分类法中

3.直接访问筛选页面的url，比如www.shouce.ren/sift 或者www.shouce.ren/sift/0_1_1_0等等。

好了，阿树只能帮网友们到这了。

阿树工作室-筛选功能