网站建设
苏州SEO关键词优化一站式服务

WordPress怎么做多条件选择

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

我们使用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;
}

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

历史上的今天
12月
27
    哇哦~~~,历史上的今天没发表过文章哦
赞(0) 打赏
未经允许不得转载:苏州SEO优化 » WordPress怎么做多条件选择
分享到: 更多 (0)
标签:

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  • Q Q(选填)

网站建设与SEO关键词优化一站式服务

SEO咨询建站咨询

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

×
订阅图标按钮