WordPress多重筛选、多条件搜索功能制作

鱼见海资源网最新教程：

在前面的建站教程中，我们讲了如何制作Wordpress搜索功能，可以实现单一内容的搜索。但在实际网站建设过程中，往往需要多重筛选、多条件搜索功能。如下图所示：

这就是一种多重筛选、多条件搜索功能，需要同时满足三个条件，才会显示出内容。如果使用WordPress制作出这样的多重筛选、多条件搜索功能呢？下面跟着学做网站论坛一起来制作这个功能吧！

方法/步骤

1. 使用Dreamweaver cs6软件，新建一个HTML网页，保存为searchform.php，然后，将以下的代码放到searchform.php里并保存到模板文件夹；

2. 复制Wordpress模板里的分类目录模板代码，另存为search.php。放到自己的模板文件夹里。

3. 将search.php模板代码里的循环代码全部删除，替换为以下的条件搜索循环代码；

ID, 'username', true);
$mood2 = get_post_meta($post->ID,"bianhao",true);

/*
echo $username . "
";
echo $bianhao . "
";
echo $mood1 . "
";
echo $mood2 . "
";
*/

if( $username==$mood1 && $bianhao==$mood2) { ?>

 


 


姓名：
    

ID, 'username', true);?>
  

证件号码：
    

  

证书编号：
    

ID,"bianhao",true);?>
  

  
  

 4.将以下的CSS样式代码，粘贴到style.css中，用于控制搜索结果的样式； 

.zhenshu table {
            margin: 0 auto;
            width: 100%;
            border:1px solid #999;
            border-collapse: collapse;
        }
.zhenshu th,.zhenshu td {
           padding:15px;
            border: 1px solid #999;
        }
.tplr{text-align:center;}

5. 在网站后台发文章里，创建自定义栏目。（如果没有，可以参考：wordpress自定义栏目设置方法）

6. 文章底部设置二个自定义栏目项，名称分称是【username】和【bianhao】，并填写相应的值。如下图：

7. 文章标题填写【证件号码】，内容只需要上传证书图片即可。

8. 在需要显示搜索框的位置，使用以下的代码进行调用：

9. 这样我们自己建网站时，就可以实现多重筛选、多条件搜索功能了。

文章来源于互联网