如何在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中一键使用

消息来源：迈克尔·马丁

标签：搜索结果搜索词如何在WordPress