WordPress 搜索页面关键词高亮 - 文章教程

WordPress 搜索页面关键词高亮

发布于 2017-11-11 字数 1178 浏览 1425 评论 0

使用 WordPress 的时候,想在搜索页面中像搜索引擎那样将关键词高亮标出,这样可以看出那些内容,下面 PHP 代码加在主题文件夹下的 functions.php 中,样式放到 style.css 里面,可能现在的优先级还不够,你还需要提高他的优先级让他生效!

WordPress 搜索页面关键词高亮

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);

上面的代码我们只是给关键词添加了一个标签,接下来我们还需要给这个标签添加一些样式。

em{color:red;}

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2583 文章
29 评论
84935 人气
更多

推荐作者

猫性小仙女

文章 1 评论 0

qq_VO6LhT

文章 0 评论 0

猿舌电影

文章 0 评论 0

7556275422

文章 0 评论 0

YYQ_139

文章 0 评论 0