6个实用的WordPress搜索代码片段
相对搜索基于字词直接匹配的日志,WordPress默认的搜索系统确实已经很了不起了,但毕竟还有许多有用的功能未能够被挖掘出来并为我们所用。 比较明显的一点就是,将范围缩小到分类或标签甚至是某一特定分类或标签之下进行搜索这一功能,未能够被充分的利用上。同样地,许多日志默认都是按照日期或者新旧 的排列次序显示出来的,若要论及用户体验,还是存在相当大的差距的,下面的5个搜索代码片段也许能帮助您。
将指定的页面或者某分类下的日志从搜索结果中排除
下面的函数允许您将任何分类下的日志甚至是页面从搜索结果中排除掉。
function SearchFilter($query) {
if($query->is_search){
$query->set('cat','0,1');
}
return $query;
}
add_filter('pre_get_posts','SearchFilter');
搜索特定的某个日志分类
这将从特定的分类中返回搜索结果:
function SearchFilter($query) {
if($query->is_search){
// Insert the specific categories you want to search
$query->set('cat', '8,9,12');
}
return $query;
}
add_filter('pre_get_posts','SearchFilter');
搜索某一特定的日志类型
仅搜索特定的日志类型,而将其他所有类型过滤掉。
function SearchFilter($query) {
if($query->is_search){
// Insert the specific post type you want to search
$query->set('post_type', 'feeds');
}
return $query;
}
// This filter will jump into the loop and arrange our results before they're returned
add_filter('pre_get_posts','SearchFilter');
高亮WordPress搜索关键词(使用JQuery)
在WordPress搜索结果页面高亮显示关键词。将下面这段函数放到主题的functions.php文件中:
function hls_set_query() {
$query = attribute_escape(get_search_query());
if(strlen($query) > 0){
echo '<script type="text/javascript">
var hls_query = "'.$query.'";
</script>';
}
}
function hls_init_jquery() {
wp_enqueue_script('jquery');
}
add_action('init', 'hls_init_jquery');
add_action('wp_print_scripts', 'hls_set_query');
再将下面这段代码放到主题的header.php文件中, 标签/head的前面:
<style type="text/css" media="screen">
.hls { background: #D3E18A; }
</style>
<script type="text/javascript">
jQuery.fn.extend({
highlight: function(search, insensitive, hls_class){
var regex = new RegExp("(<[^>]*>)|(\\b"+ search.replace(/([-.*+?^${}()|[\]\/\\])/g,"\\$1") +")", insensitive ? "ig" : "g");
return this.html(this.html().replace(regex, function(a, b, c){
return (a.charAt(0) == "<") ? a : "<strong class=\""+ hls_class +"\">" + c + "</strong>";
}));
}
});
jQuery(document).ready(function($){
if(typeof(hls_query) != 'undefined'){
$("#post-area").highlight(hls_query, 1, "hls");
}
});
</script>
WordPress搜索页面关键词加亮(用PHP)
function search_word_replace($buffer){
if(is_search()){
$arr = explode(" ", get_search_query());
$arr = array_unique($arr);
foreach($arr as $v)
if($v)
$buffer = preg_replace("/(".$v.")/i", "<em>$1</em>", $buffer);
}
return $buffer;
}
add_filter("the_title", "search_word_replace", 200);
add_filter("the_excerpt", "search_word_replace", 200);
add_filter("the_content", "search_word_replace", 200);
上面的代码会给关键词添加标签,你可以给这个标签添加一些背景或者颜色实现高亮。
显示搜索结果条目数量
返回搜索结果数量。例如 – 对的搜索结果数量为 – 8 篇日志。
<h2 class="pagetitle">
Search Result for
<?php /* Search Count */
$allsearch = &new WP_Query("s=$s&showposts=-1");
$key = wp_specialchars($s, 1);
$count = $allsearch->post_count;
_e(''); _e('<span class="search-terms">');
echo $key; _e('</span>'); _e(' — ');
echo $count . ' '; _e('articles'); wp_reset_query();
?>
</h2>
多类型文章搜索
<form method="get" id="large-searchform" action="">
<span class="large-select-box">
<select name="post_type" class="large-select">
<option value="all" selected="">全部搜索</option>
<option value="post">文章</option>
<option value="img">图片</option>
</select>
</span>
<input type="text" name="s" class="large-input" id="large-input" required="">
<button type="submit" class="large-submit" id="large-submit"><i class="fa fa-search"></i></button>
</form>
本文版权归原作者所有,转载请注明原文来源出处, WordPress教程网 感谢您的支持!
本文链接: http://www.wpcn.net/329.html
- wp_list_comments()使用回调函数自定义评论…
- WordPress函数:comment_form() 让你的 Word…
- WordPress过滤器(Filters):apply_filters和…
- WordPress函数:comments_template(加载评…
- WordPress函数:comment_form( )个性化评论…
- 无处不在的WordPress的主循环
- WordPress 函数do_action()详解和应用举例
- WordPress函数:add_menu_page()后台添加顶…
- WordPress函数:add_theme_page()后台添加设…
- WordPress 函数:get_template_part()调用你…
- WordPress函数:load_theme_textdomain()(…
- WordPress 3D旋转彩色标签云
- WordPress文本小工具运行PHP
- WordPress无插件实现主题彩色标签云的N种方…
- WordPress函数:wp_tag_cloud(标签云)详解和…
- WordPress函数:register post type (自定义…
- WordPress使用register_post_type 函数创建…
- WordPress函数:add_meta_box(自定义添加Me…
- WordPress函数:get_permalink()获取文章页…
- WordPress使用query_posts()函数WP_Query类…
- WordPress调用置顶文章显示置顶数量的三种方…
- WordPress分类列表函数:wp_list_categories…
- WordPress友情链接函数wp_list_bookmarks使…
- WordPress判断文章分类函数in_category和is_…