有些網站需要做多條件選擇功能,就是可以選擇多個條件,然后顯示符合所有條件的內容。如下圖,就是一個多條件選擇功能。
我們使用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; }
通過以上的幾個步驟就可以在自己做網站時,制作出多條件選擇功能了。