Question

我需要在页面中添加自定义搜索表单，搜索表单结果应该返回/突出显示该页面中的项目。

离..

在一个页面中：猴猪树

当用户搜索“pig”时

它既可以只显示'猪'，也可以突出显示猪。

我想过使用自定义查询，但我意识到它会显示整个内容而不是实际的文本/搜索项本身。

Answer 1

您只需几个简单步骤即可突出显示搜索结果。对于此解决方案，您的主题需要有一个search.php文件。如果是，请按照以下简单步骤操作：

打开search.php文件并找到<?php the_title(); ?>

将其替换为：

<?php echo $title; ?>

现在你需要在你刚改变的标题标签之前放置这段代码（之前的任何地方应该工作，只是一定不要把它放在一个开放的

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

该代码的作用是在标题中添加一个类，或者在这种情况下为搜索结果添加一个类。我的例子中的类是.search-keywords。现在您需要打开主题style.css文件并为其添加一些样式。这是一个例子（但是你需要改变它：

.search-keywords {
  background:yellow;
  color:blue;
  }

页面内的Wordpress自定义搜索表单

1 个答案: