如何在Wordpress中为自定义字段创建搜索表单?

时间:2014-10-15 14:32:02

标签: wordpress-plugin wordpress-theming wordpress

以下是我的搜索表单的代码:

<form role="form">
             <div class="form-group">
               <select class="form-control custform">
                                              <option>Make (Any)</option>
                              <option>2</option>
                              <option>3</option>
                              <option>4</option>
                              <option>5</option>
                            </select>
              </div>
              <div class="form-group">
                       <select class="form-control custform">
                                              <option>Model (Any)</option>
                              <option>2</option>
                              <option>3</option>
                              <option>4</option>
                              <option>5</option>
                            </select>
              </div>


                    <div class="form-group">
                         <select class="form-control custform">
                             <option>Min Price</option>
                              <option>2</option>
                              <option>3</option>
                              <option>4</option>
                              <option>5</option>
                            </select>
                     </div>
                        <div class="form-group">
                           <select class="form-control custform">
                                         <option>Max Price</option>
                                          <option>2</option>
                                          <option>3</option>
                                          <option>4</option>
                                          <option>5</option>
                                        </select>

                          </div>

              <div class="form-group">
              <div class="checkbox">
                <label>
                  <input id="cars" type="checkbox"> Cars
                </label>
              </div>
              </div>
              <button type="submit" class="btn btn-primary btn-block btnsearch">
              Find Vehicles   <span class="glyphicon glyphicon-search">  </span>    </button>
</form>

以下是它的外观:

How it should look

我添加了一些代码中没有的类别,以显示它应该如何结束。

基本上我对如何在我从头编写的Wordpress主题中实现这一点毫无头绪。 Make和Model都是自定义字段,Min Price和Max Price显然需要使用某种范围函数来返回价格范围内的结果。

制作和型号下拉菜单只需要显示自定义字段中输入的可用选项 - 如果有意义的话。

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:6)

您可以创建自定义搜索表单。 表单操作必须是您的特定搜索页面(新模板)。

在新模板中,您可以使用此下面的查询:

$meta_query_args = array(
    'relation' => 'AND', // "OR"
    array(
        'key'     => '_my_custom_key',
        'value'   => 'Value I am looking for',
        'compare' => '='
    ),
    array(
        'key'     => '_your_min_model_key',
        'value'   => 1453,
        'compare' => '>'
    ),
    array(
        'key'     => '_your_max_model_key',
        'value'   => 1923,
        'compare' => '<'
    )
);
$meta_query = new WP_Meta_Query( $meta_query_args );

比较参数详情:

  

比较(字符串) - 要测试的运算符。可能的值是&#39; =&#39;,&#39;!=&#39;,   &#39;&gt;&#39;,&#39;&gt; =&#39;,&#39;&lt;&#39;,&#39;&lt; =&#39;,&#39;喜欢&#39;,&#39;不喜欢&#39;,&#39; IN&#39;,&#39; NOT IN&#39;,&#39; BETWEEN&#39;,   &#39;不在&#39;,&#39; EXISTS&#39; (仅在WP&gt; = 3.5),并且“不存在”&#39; (也   仅在WP&gt; = 3.5)。价值观&#39; REGEXP&#39;,&#39; NOT REGEXP&#39;和&#39; RLIKE&#39;是   在WordPress 3.7中添加。默认值为&#39; =&#39;。

// good coding

答案 1 :(得分:0)

你想使用metabox作为汽车,ven和4x4和价格的posttype 这四个元数据添加在你的posttype中 所以,轻松搜索帖子

转到此链接以了解如何创建元数据

http://code.tutsplus.com/tutorials/how-to-create-custom-wordpress-writemeta-boxes--wp-20336

然后你用汽车,ven等元名搜索 代码在这里

<ul>
<?php
query_posts('meta_key=your_like_ven key&meta_value=your_value');
?>
<?php if ( have_posts() ) : ?>
<?php while (have_posts()) : the_post(); ?>
<?php the_title();?>
    <?php endwhile; ?>
     <?php endif; ?>
    <?php wp_reset_query();?>
 </ul>