wordpress自定义搜索框代码

作者: 鲁智深 分类: wordpress 发布时间: 2014-02-17 22:11

wordpress本事就自带搜索功能,但自带的搜索功能是全站搜索,不能完全满足用户需求,这就需要自定义解决。代码如下:

全站搜索

1
2
3
4
5
6
7
            <form name="formsearch" method="get" action="<?php bloginfo('home'); ?>">
                <div class="form clearfix">
                <label for="s" ></label>
                <input type="text" name="s" class="search-keyword" onfocus="if (this.value == '寻找您想要知识?') {this.value = '';}" onblur="if (this.value == '') {this.value = '寻找您想要知识?';}" value="寻找您想要知识?" />
                <button type="submit" class="select_class" onmouseout="this.className='select_class'" onmouseover="this.className='select_over'" />搜索</button>
                </div>
            </form>

搜索某个分类

1
2
3
4
5
6
7
8
            <form name="formsearch" method="get" action="<?php bloginfo('home'); ?>">
                <div class="form clearfix">
                <label for="s" ></label>
                <input type="text" name="s" class="search-keyword" onfocus="if (this.value == '寻找您想要知识?') {this.value = '';}" onblur="if (this.value == '') {this.value = '寻找您想要知识?';}" value="寻找您想要知识?" />  
                <input type="hidden" name="cat" value="4,11,9,22,20,10,18,14,12,13,1" />
                <button type="submit" class="select_class" onmouseout="this.className='select_class'" onmouseover="this.className='select_over'" />搜索</button>
                </div>
            </form>

指定不搜索某个分类

1
2
3
4
5
6
7
8
            <form name="formsearch" method="get" action="<?php bloginfo('home'); ?>">
                <div class="form clearfix">
                <label for="s" ></label>
                <input type="text" name="s" class="search-keyword" onfocus="if (this.value == '寻找您想要知识?') {this.value = '';}" onblur="if (this.value == '') {this.value = '寻找您想要知识?';}" value="寻找您想要知识?" />  
                <input type="hidden" name="cat" value="-4,-11,-9,-22" />
                <button type="submit" class="select_class" onmouseout="this.className='select_class'" onmouseover="this.className='select_over'" />搜索</button>
                </div>
            </form>

不难发现其中多了一个input标签

<input type=”hidden” name=”cat” value=”1″ />

其中name命名为cat,给于值是分类id=1,这就表示只搜索分类id=1下面的文章,多个分类就是value=”1,2,3,4″ 。如不想搜索就在分类id前面加上”-“号。

感谢露兜博主给于帮助!

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注