我要投稿 | 网站地图 WordPress建站学习平台
WordPress教程网
热门标签: wordpress教程 wordpress函数 wordpress WordPress建站 wordpress插件

图文教程

当前位置:首页> 图文教程

6个实用的WordPress搜索代码片段

发布:WordPress教程网   发布时间: 2022-10-25  游览次数:74次

相对搜索基于字词直接匹配的日志,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

WordPress教程网
WordPress教程网
相关内容