如何在WordPress帖子中添加搜索表单

07/29/2024

为什么要在帖子和页面中添加搜索表单?

如果访客喜欢你WordPress网站上的某篇文章,他们很可能会想阅读更多相关文章。通过在帖子中添加搜索表单,你可以帮助访客找到更多他们感兴趣的博客。

这样,你可以增加页面浏览量并降低跳出率。访客在你的网站上停留的时间越长,他们加入你的邮件列表、留下评论、进行购买、关注你社交媒体或采取其他积极行动的可能性就越大。

在本指南中,我们将向你展示如何在帖子中添加标准的WordPress搜索表单。如果你想使用自定义表单,请参阅我们关于如何创建自定义WordPress搜索表单的分步指南。

方法1:在WordPress帖子中添加搜索表单(适用于任何主题)

最简单的方法是使用内置的搜索块。在本指南中,我们将向你展示如何将搜索块添加到帖子中,但你也可以将其添加到任何页面或小部件就绪区。

首先,打开你希望添加搜索表单的页面。在WordPress内容编辑器中,点击+图标。在弹窗中,输入“搜索”。当正确的块出现时,点击将其添加到页面。

默认情况下,搜索块使用“搜索”作为其标签和按钮文本。可以将其替换为更具描述性的内容。例如,如果你在WordPress博客中添加搜索栏,可以使用“搜索最新博客文章”或类似内容。

你还可以添加一些占位符文本,这些文本在访客开始输入时会自动消失。要添加占位符,只需点击“可选占位符……”然后开始输入。

默认情况下,WordPress会使用你的主题样式化搜索栏。但是,你可以使用右侧菜单中的“颜色”设置更改按钮的背景和文本颜色,这样可以让你的搜索栏在网站中更加突出。

当你对搜索块的外观感到满意时,可以发布或更新帖子。现在,如果访问你的网站,你会在帖子内容中看到搜索栏。

方法2:将搜索表单添加到所有WordPress帖子(基于区块的主题)

如果使用的是诸如ThemeIsle Hestia Pro之类的基于区块的主题,可以将搜索栏添加到WordPress用于所有博客文章的模板中。这样,你可以快速轻松地在整个WordPress网站的每篇博客文章中添加搜索栏。

要打开全站编辑器,请前往 WordPress 仪表盘中的外观 » 编辑器。

默认情况下,全站编辑器会显示你的主题主页模板。要查看所有可用选项,点击左侧菜单中的“模板”。这将显示组成你WordPress主题的所有模板列表。要自定义博客模板,点击“单篇文章”。

WordPress现在将显示博客布局预览。要进行编辑,点击小铅笔图标。接下来,你将在全站编辑器中看到该模板。

要添加搜索栏,点击蓝色的 + 图标。在弹出窗口中,输入“搜索”找到正确的块。然后,你可以将块拖动到你希望显示搜索栏的位置。

要自定义块标题或占位符文本,只需在搜索块中键入新信息。当你对块的外观感到满意时,点击“保存”将搜索栏推动到线上。

方法3:使用代码将搜索栏添加到所有WordPress帖子(适用于任何主题)

如果你不使用区块主题但仍希望在所有帖子中显示搜索栏,则需要使用代码。为此,我们推荐使用WPCode。这个代码片段插件使得在不直接编辑主题文件的情况下插入自定义代码变得安全且简单。

首先,安装WPCode插件。你可以参考我们关于如何安装WordPress插件的分步指南。

然后,前往代码片段 » + 添加片段。选择“添加自定义代码(新片段)”并点击“使用片段”按钮。接下来,为你的新自定义代码命名,可以是简单的“博客文章搜索栏”。之后,将代码类型更改为“PHP 片段”。

然后,在代码预览框中复制并粘贴以下代码片段:

// 定义按钮文本和占位符文本。你可以根据需要自定义这些值。
$button_text = '搜索'; // 搜索按钮显示的文本
$placeholder_text = '你在寻找什么?'; // 搜索输入字段中的占位符文本

// 使用定义的按钮文本和占位符文本构建搜索表单HTML。
$search_form = '

'; // 输出搜索表单HTML。 echo $search_form;

此代码将添加一个类似于搜索块的基本搜索栏。你可以根据需要自定义按钮和占位符文本。完成后,向下滚动并确保插入方法选择了“自动插入”。

对于位置,导航到“页面特定”选项卡并选择最适合你条件的选项。比如,我们选择了“在内容之后插入”。

完成后,激活代码并点击“保存片段”。现在,你应该会看到类似这样的结果:

发现改善WordPress搜索的技巧和窍门

搜索块使用的是WordPress内置的搜索功能,但是其功能有限,并不十分擅长显示准确结果。你可以在我们的文章中了解更多关于WordPress搜索如何工作的内容。

在某些情况下,你可能希望WordPress搜索功能更加高级。也许你希望添加按类别搜索功能或使博客文章评论可搜索。这时候SearchWP就派上用场了。这个自定义搜索插件给予你对WordPress网站搜索的完全控制,从而为访客提供更准确的结果。

通过创建自定义搜索表单,你可以将其添加到网站的任何部分,无论是使用块还是短代码。

欲了解更多信息,请参阅我们关于如何使用SearchWP改善WordPress搜索的指南。希望本教程帮助你了解如何在WordPress帖子中添加搜索表单。你还可以了解如何在WordPress中创建联系表单,或查看我们精选的适合小型企业的最佳电子邮件营销服务。

如果你喜欢这篇文章,请订阅我们的YouTube频道获取WordPress视频教程。你也可以在TwitterFacebook上找到我们。



Related Posts

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>