小冬SEO

wordpress创建搜索页

2021-11-08 16:01:03 5946 WordPress笔记

无论是在做什么类型的网站,搜索都是很好的查询功能,尤其是我们在做内容资源的时候。下面小冬就来介绍一下wordpress如何创建搜索页面。

1.创建一个搜索表单

在主题目录中新增一个searchform.php搜索表单文件,添加如下代码,代码可以改成你自己的<form>表单代码

<form method="get" class="search searchform1 doku_form" id="dw__search" action="">
      <button class="sbtn" type="submit" value="提 交"><i class="icon-search1"></i></button>
      <input class="sinput" placeholder="输入关键字" value="" type="text"name="s" id="s">
    </form>
</form>
<script type="text/javascript">
$(document).ready(function(){
// 当鼠标聚焦在搜索框
$('#s').focus(
function() {
if($(this).val() == '输入关键字') {
$(this).val('').css({color:"#454545"});
}
}
// 当鼠标在搜索框失去焦点
).blur(
function(){
if($(this).val() == '') {
$(this).val('输入关键字').css({color:"#333333"});
}
}
);
});
</script>

2.调用或引用搜索框

在有搜索框的页面或者头部header.php文件对应位置调用搜索,调用代码如下

<?php include (TEMPLATEPATH . '/searchform.php'); ?>

3.创建一个搜索结果页

在主题目录中新增一个search.php文件,将你的某一个列表页面复制过来,作为搜索结果页的列表页面。其中搜索关键词调用代码如下:

<?php echo($s) ?>

其中需要给搜索结果中的关键词飘红或高亮的方法,在functions.php函数文件中添加如下代码

//搜索高亮
function mt_highlight_keys( $text ) {
    if ( is_search() && !is_admin() ) {
        $s = trim( get_search_query() );
        // 将字符串中的正斜杠替换为转义正斜杠,防止造成正则表达式被终止
        $s = str_replace('/', '\/', $s);
        $s = preg_replace( "/[\s]+/", " ", $s );
        $keys = explode(' ', $s);
        $text = preg_replace('/(' . implode('|', $keys) . ')/iu', '<span style="color:#c00;">$1</span>', $text);
        $texts = preg_replace('/(' . implode('|', $keys) . ')/iu', '$1', $text);
    }
    return $text;
}
add_filter( 'the_title', 'mt_highlight_keys' );
add_filter( 'the_excerpt', 'mt_highlight_keys' );

这样基本上就实现了搜索

版权保护: 本文由小冬SEO编辑发布,转载请保留链接: http://www.myseoyh.cn/shuo/130.html