简单的方法使用WordPress做多条件选择

PetitQ WordPress教程 2020-1-07 1.45K 0 0

我们使用 WordPress 开发网站的时候，有时需要做多条件选择功能，就是可以选择多个条件，然后显示符合所有条件的内容。如下图，就是一个多条件选择功能。也可自己制作这样的多条件选择功能。通过结合分类目录与 TAG 标签，可以实现多条件选择功能。

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

```
<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
```

          $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;
```
```
}
```

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

简单的方法使用 WordPress 做多条件选择

已有 362 人购买

永久更新：
演示数据：

立即购买

查看演示升级 VIP 立刻购买

炫酷企业建站作品展示WordPress中文模板

Supro - 极简电商网站模板WordPress汉化主题

Photon - 全屏摄影相册产品展示网站WordPress汉化主题

WordPress教程

简单的方法使用WordPress做多条件选择

简单的方法使用 WordPress 做多条件选择

相关文章

WordPress调用最新，随机，热门，指定分类文章

给WordPress文章标题加上置顶标签

纯代码实现让 WordPress 只搜索文章标题排除文章内容

发表回复取消回复

热销模板

WordPress教程

简单的方法使用 WordPress 做多条件选择

相关文章

发表回复 取消回复

热销模板

发表回复取消回复