WordPress怎么做多条件选择

有些网站需要做多条件选择功能，就是可以选择多个条件，然后显示符合所有条件的内容。如下图，就是一个多条件选择功能。

我们使用WordPress建网站时，也可自己制作这样的多条件选择功能。通过结合分类目录与TAG标签，可以实现多条件选择功能。（也可以使用WordPress中文多条件多重搜索筛选插件来轻松实现网站多条件筛选搜索功能。）

方法/步骤

第一步：制作第一行条件，通过以下的代码获取当前分类的子分类。

<ul class="">

        



          <li<?php if(strpos($url_this,$cat_link) !== false||strpos($url_this,$cat_link2) !== false){?> class="current-cat"<?php }?>> <a href="<?php echo $cat_link;?>">不限</a> </li>        

        <?php wp_list_cats('sort_column=ID&child_of=' . get_category_root_id($cat) . '&depth=1&hide_empty=0&hierarchical=1&optioncount=0');?> 

        </ul>

第二步：制作第二行条件，通过调用tag标签来实现。

<div class="erji_sgcase_list_left">

          面积：

         </div>

          <?php 

            $jiage1='100';

            $jiage2='101-150';

            $jiage3='151-200';

            $jiage4='201-500';

            //防止汉字编译

            $jiage10=$jiage1.'㎡以下';

            $jiage20=$jiage2.'㎡';

            $jiage30=$jiage3.'㎡';

            $jiage40=$jiage4.'㎡';

            

        ?>

        

        

         <ul class="">

        

            <li<?php if(strpos($url_this,'tag=') == false){?> class="current-cat"<?php }?>>

              <a href="<?php echo $result; ?>">不限</a>

            </li>

          

          

            <li<?php if(strpos($url_this,$jiage1)){?> class="current-cat"<?php }?>>

              <a href="<?php echo $result; ?>&tag=<?php echo $jiage10;?>" title="<?php echo $jiage10;?>"><?php echo $jiage10;?></a>

            </li>

          

                   

            <li<?php if(strpos($url_this,$jiage2)){?> class="current-cat"<?php }?>>

              <a href="<?php echo $result; ?>&tag=<?php echo $jiage20;?>" title="<?php echo $jiage20;?>"><?php echo $jiage20;?> </a>

            </li>

         

                   

            <li<?php if(strpos($url_this,$jiage3)){?> class="current-cat"<?php }?>>

              <a href="<?php echo $result; ?>&tag=<?php echo $jiage30;?>" title="<?php echo $jiage30;?>"><?php echo $jiage30;?> </a>

            </li>

         

                   

            <li<?php if(strpos($url_this,$jiage4)){?> class="current-cat"<?php }?>>

              <a href="<?php echo $result; ?>&tag=<?php echo $jiage40;?>" title="<?php echo $jiage40;?>"><?php echo $jiage40;?> </a>

            </li>

         

            

                            </ul>

第三步：通过获取当前网页的URL进行PHP判断，获取准确的链接地址。

<?php 

    //代码来源：学做网站论坛 https://www.52diyhome.com/

     $url_this = 'http://'.$_SERVER['SERVER_NAME'].$_SERVER["REQUEST_URI"];//当前URL

     

     $cat_link = get_category_link(get_category_root_id($cat));//顶级分类链接

     $cat_link2 = get_category_link(get_category_root_id($cat)).'&';  //顶级分类链接+&

     

     

     if(strpos($url_this,'&tag') !== false){//判断URL中是否含有TAG

       $result = substr($url_this,0,strrpos($url_this,"&tag"));//如果有TAG，截取TAG前面的部分

     }else{

       $result = $url_this;//如果没有直接输入当前URL

     }



   ?>

第四步：添加一个点击CSS样式，实现点击后变蓝的效果。

li.current-cat a {

   color: #FFF;

   background: #00AAE7;

   border-radius: 2px;

}

通过以上的几个步骤就可以在自己做网站时，制作出多条件选择功能了。