如何在WordPress的搜索结果中突出显示搜索词

为了让你的WordPress搜索更加用户友好,你可以在搜索结果中突出显示搜索词。我们为我们的一个客户做了这件事,所以我们认为它对其他用户也很有用。在本文中,我们将向您展示如何在WordPress的搜索结果中突出显示搜索词。

首先打开你的Search.php并查找以下代码:

<?php the_title(); ?>

由❤️托管WPCode
在WordPress中一键使用

将上述代码替换为:

<?php echo $title; ?>

由❤️托管WPCode
在WordPress中一键使用

确保将此行粘贴到标题代码的上方:

<?php $title = get_the_title(); $keys= explode(" ",$s); $title = preg_replace('/('.implode('|', $keys) .')/iu', '<strong class="search-excerpt">\0</strong>', $title); ?>

由❤️托管WPCode
在WordPress中一键使用

现在打开您的css文件并添加类Search-Excerpt的样式,它将突出显示该术语。目前,该代码正在将搜索词设置为粗体。您可以在主题的样式表中尝试这个简单的CSS。

strong.search-excerpt { 
background-color:yellow;
color:blue;
}

由❤️托管WPCode
在WordPress中一键使用

消息来源:迈克尔·马丁

本人擅长Ai、Fw、Fl、Br、Ae、Pr、Id、Ps等软件的安装与卸载,精通CSS、JavaScript、PHP、ASP、C、C++、C#、Java、Ruby、Perl、Lisp、Python、Objective-C、ActionScript、Pascal等单词的拼写,熟悉Windows、Linux、OS X、Android、iOS、WP8等系统的开关机。

通过下面的方式来联系我们:

电邮:138762189@qq.com

联系QQ:点击这里给我发消息

官方站:www.tadke.com

※ ※ 联系请加我的企鹅号 ※※

※ ※技术支持请微信联系站长 ※※

Copyright © 2023 Tadke.com. 琼ICP备20000547号