搜索功能

如果用 WordPress 做一个小型门户网站，那么可能搜索增加需要“按分类搜索”的功能，这样可以快速搜索到指定分类的文章资讯。同时，我们还要进行外观的修饰，适应我们网站的整体风格。本文就是讲解如何在自己网站上增加一个像下图一样的分类搜索功能： 增加分类搜索功能 强大的 WordPress 的搜索模块，通过一定的参数来实现按照分类搜索。例如下面这个格式： http://blog.wpjam.com/?cat=0&s=搜索内容 对网站的 index.php 发送参数 s 加上内容表示直接搜索所有内容，如果再加上参数 cat 就可以实现相应目录下文章搜索，cat 参数的值为 分类目录对应的 ID。那么思路比较明确，我们在评论模块表单中，增加一个 select 下拉选项，然后输出网站的分类目录让用户可以选择，之后提交给 index.php 就可以了。 WordPress 已经提供了这样一个输出网站分类目录的函数 wp_dropdown_categories ，具体使用说明可以看一下官方文档，对于本例中，我们只需要使用下面一句代码即可输出目录： <?php wp_dropdown_categories("show_option_all=所有分类&hide_empty=0&show_count=0&hierarchical=1&depth=1&name=cat"); ?> 特别要注意的参数 name，因为你只有指定了 name 值为 cat，点击搜索之后，发送到 index.php 文件的搜索链接才有 cat 参数，才能实现搜索对应分类目录的功能。 注意：一定要把这个函数插入到搜索模块表单（form）里面，否则点击搜索按钮之后这个选项不会被提交出去。 这样，我们的按分类搜索模块已经完成了。 自定义样式 这时候，虽然功能实现了，但是外观实在是太丑了，太丑太丑了。 一般的思路就是对输出的这个 select 元素进行直接的 CSS 样式修饰，但是 CSS 只能修改个边框、背景颜色而已，特别是那个难看的三角真没办法修饰。目前网上比较常用的有：包裹几层 div 然后遮盖一下三角、模拟出来一个下拉列表、用一些其他的离奇 JS 手法等等。 当然，直接模拟出来一个下拉列表这种做法是最方便最简单的了，而且可以高度自定义样式。潜行者m 这次就是用的这种方法，下面就来介绍一下。 […]