为了使您的 WordPress 搜索更加用户友好,您可以在结果中突出显示搜索词。我们为一位客户这样做了,因此我们认为这对其他用户很有用。在本文中,我们将向您展示如何在 WordPress 的结果中突出显示搜索词。

首先打开search.php并查找以下代码:
1 | <?php the_title(); ?> |
由
将上面的代码替换为:
1 | <?php echo $title ; ?> |
由
确保将此行粘贴到标题代码上方:
1 | <?php $title = get_the_title(); $keys = explode ( " " , $s ); $title = preg_replace( '/(' .implode( '|' , $keys ) . ')/iu' , '<strong class="search-excerpt">\0</strong>' , $title ); ?> |
由
现在打开 CSS 文件并添加搜索摘录类的样式,它将突出显示该术语。目前,代码正在将搜索词设为粗体。您可以在主题的样式表中尝试这个简单的 CSS。
1234 | strong.search-excerpt { background-color :yellow; color : blue ; } |
由