您现在的位置是:首页 > 网站制作 > WordpressWordpress
实现wordpress搜索结果页面搜索关键词高亮
杰帅2023-08-26【Wordpress】人已围观
简介通过把wordpress搜索结果页面里的搜索关键词高亮显示,可以便于用户在搜索结果页面查找与自己搜索关键词相关的搜索结果,极大地提 高了网站的用户体验。
通过把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文章迁移到Shopify:使用WP All Export插件的完整指南
如果您正在将WordPress网站迁移到Shopify,并希望将文章内容一起迁移,WP All Export插件是一个理想的解决方案。通过这款插件,您可以轻松导出WordPress中的文章,并将其转换为适合Shopify的CSV格式。wordpress发布文章HTML标签被自动过滤掉该如何处理?
wordpress发布文章时很多html标签都会自动过滤掉,造成了文章中无法添加<style></style><script></script>等标签。那么该如何如何处理呢? 解决方法一: 将wp-includes文件夹下WordPress 页面模板(Page Template)下拉列表不显示的原因及解决方法
WordPress 的自定义页面模板是一个非常强大好用的功能,使用它新建一些静态页面(Page),添加上一些数据调用的函数,再在网页上做一个导航连接到对应的页面就可以实现很多自定义的功wordpress 上传的图片不显示的问题 base64,data:image/gif
文章评论
本站推荐
标签云
猜你喜欢
- WordPress禁用古腾堡编辑器,如何恢复?
- 7个WooCommerce性能优化加速的方法
- query_posts()函数
- WordPress删除文章时自动删除图片附件
- WordPress写文章添加媒体点击没反应解决方法
- wordpress robots.txt优化你的博客
- The7主题11.7.2完美汉化中文版|强大多功能自定义设计WordPress企业主题包含模板 - 搬主题
- 自定义修改WordPress的默认登录页面样式教程
- WordPress 公布即将推出的默认主题 Twenty Twenty-Four 的设计
- 《QUE WordPress in Depth 2nd (2012)》文字版[PDF]