有些网站需要做多条件选择功能,就是可以选择多个条件,然后显示符合所有条件的内容。如下图,就是一个多条件选择功能。
我们使用WordPress建网站时,也可自己制作这样的多条件选择功能。通过结合分类目录与TAG标签,可以实现多条件选择功能。
方法/步骤
第一步:制作第一行条件,通过以下的代码获取当前分类的子分类。
-
<li class="current-cat"> <a href="https://www.xuewangzhan.net/wpbbs/">不限
第二步:制作第二行条件,通过调用tag标签来实现。
面积:
-
<li class="current-cat">
<a href="https://www.xuewangzhan.net/wpbbs/">不限
<li class="current-cat">
<a href="https://www.xuewangzhan.net/wpbbs/&tag=" title="">
<li class="current-cat">
<a href="https://www.xuewangzhan.net/wpbbs/&tag=" title="">
<li class="current-cat">
<a href="https://www.xuewangzhan.net/wpbbs/&tag=" title="">
<li class="current-cat">
<a href="https://www.xuewangzhan.net/wpbbs/&tag=" title="">
第三步:通过获取当前网页的URL进行PHP判断,获取准确的链接地址。
第四步:添加一个点击CSS样式,实现点击后变蓝的效果。
li.current-cat a { color: #FFF; background: #00AAE7; border-radius: 2px; }
通过以上的几个步骤就可以在自己做网站时,制作出多条件选择功能了。