实现wordpress搜索结果页面搜索关键词高亮
发布:WordPress教程网 发布时间:
2022-10-20 游览次数:76次
通过把wordpress搜索结果页面里的搜索关键词高亮显示,可以便于用户在搜索结果页面查找与自己搜索关键词相关的搜索结果,极大地提 高了网站的用户体验。实现的方法非常简单,无需安装任何插件,仅需要在当前主题functions.php文件添加相关的函数代码,然后根据嵌套标签调整 CSS样式即可。
实现方法:
在当前主题的functions.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", "<strong>$1</strong>", $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);
给它结果页面的搜索关键词嵌套了strong加粗标签(如想嵌套其它如em、b、span标签请修改以上代码中的<strong>$1</strong>),然后可以通过css对标签的样式进行调整(加颜色、下划线等) 。
本文版权归原作者所有,转载请注明原文来源出处, WordPress教程网 感谢您的支持!
本文链接: http://www.wpcn.net/226.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_…