首页 » 博文 » wpbeginner » 最佳教程 » 如何在 WordPress 帖子中添加搜索表单

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

您想向 WordPress 帖子添加搜索表单吗?

通过在帖子内容中添加搜索栏,您可以帮助访问者找到更多精彩内容,并让他们在您的网站上停留更长时间。

在本文中,我们将向您展示如何在 WordPress 帖子中添加搜索表单。

如何使用 WordPress 搜索短代码在帖子中添加搜索表单

为什么要向您的帖子和页面添加搜索表单?

如果访问者喜欢您的WordPress 网站上的帖子,那么他们很可能会想要阅读更多内容。通过向帖子添加搜索表单,您可以帮助访问者找到更多他们有兴趣阅读的博客。

通过这种方式,您可以增加浏览量并降低跳出率

访问者在您的网站上停留的时间越长,他们加入您的电子邮件列表、发表评论、购买、在社交媒体上关注您或采取其他积极行动的机会就越大。

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

话虽如此,让我们来看看如何在 WordPress 帖子中轻松添加搜索表单。只需使用下面的快速链接即可直接跳至您想要使用的正确方法。

方法 1. 如何在 WordPress 帖子中添加搜索表单(适用于所有主题)

将搜索表单添加到帖子的最简单方法是使用内置搜索块。

WordPress 帖子中的搜索栏

在本指南中,我们将向您展示如何将块添加到帖子中,但您也可以将其添加到网站的任何页面或小部件就绪区域。

首先,只需打开要添加搜索表单的页面即可。在WordPress 内容编辑器中,单击 + 图标。

在弹出窗口中,输入“搜索”。当右侧块出现时,单击将其添加到页面。

将搜索块添加到 WordPress 帖子中

默认情况下,该块对其标签和按钮文本使用“搜索”。访问者可以看到此文本,因此您可能需要将其替换为更具描述性的内容。

例如,如果您要将搜索栏添加到WordPress 博客,那么您可能需要使用“搜索最近的博客文章”或类似内容。

更改搜索栏标题

您甚至可以使用标签和按钮文本来激励访问者。

例如,如果您使用WooCommerce等插件创建了在线商店,那么您可能会使用“查找更多优惠”或“搜索类似优惠”等内容。

您还可以添加一些占位符文本。当访问者开始输入时,该文本将自动消失。

要添加占位符,只需单击“可选占位符…”,然后开始输入。

将占位符添加到 WordPress 搜索栏

默认情况下,WordPress 将使用您的主题来设置搜索栏的样式。

但是,您可以使用右侧菜单中的“颜色”设置更改按钮的背景和文本颜色。这可以帮助您的搜索栏从网站的其他部分中脱颖而出。

自定义帖子中的 WordPress 搜索按钮

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

您可以按照上述相同的流程将搜索表单添加到更多 WordPress 帖子和页面。有关如何将搜索栏添加到侧边栏或类似部分的详细说明,请参阅有关如何在 WordPress 中添加和使用小部件的指南。

方法2.如何向所有WordPress帖子添加搜索表单(基于块的主题)

如果您使用的是 基于块的主题, 例如 ThemeIsle Hestia Pro,那么您可以将搜索栏添加到 WordPress 用于所有博客文章的模板中。

通过这种方式,您可以快速轻松地向整个 WordPress 网站上的每一篇博客文章添加搜索栏。

要打开全站点编辑器,请转到  WordPress 仪表板中的主题 » 编辑器。

打开 WordPress 全站编辑器 (FSE)

默认情况下,完整的站点编辑器显示主题的主页模板。

要查看所有可用选项,请从左侧菜单中选择“模板”。

使用 FSE 将搜索表单添加到 WordPress 博客

这显示了组成 WordPress 主题的所有模板的列表。

要自定义博客模板,请继续并单击“单个”。

使用全站编辑器向 WordPress 博客添加搜索表单

WordPress 现在将显示博客布局的预览。

要继续编辑此模板,请单击小铅笔图标。

使用全站编辑器向 WordPress 博客添加搜索表单

您现在将在全站点编辑器中看到此模板。

要继续添加搜索栏,请单击蓝色的“+”图标。

将搜索栏添加到 WordPress 博客模板

在出现的弹出窗口中,输入“搜索”以查找正确的块。

您现在可以将该块拖动到要显示搜索栏的位置。

使用 WordPress 全站编辑器添加搜索块

要自定义块标题或占位符文本,只需在搜索块中输入新消息即可。

如果您对该块的外观感到满意,请单击“保存”以使搜索栏生效。

使用全站编辑器 (FSE) 自定义搜索栏

现在,如果您访问网站上的任何博客文章,您都会看到搜索栏。

搜索块使用 WordPress 的内置搜索功能。然而,这是相当有限的,并且不能很好地显示准确的结果。

这就是SearchWP 的用武之地。

SearchWP 是WordPress 最好的自定义搜索插件。它使您可以完全控制 WordPress 网站搜索,以便您可以向访问者提供更准确的结果。

SearchWP 还使您网站的所有部分都可搜索,包括 PDF 文件、ACF 文件、文本文件、WordPress 自定义字段等。

创建自定义搜索表单后,您可以使用块或短代码将其添加到网站的任何部分。

将高级搜索表单添加到网站或博客

要了解更多信息,请参阅我们有关如何使用 SearchWP 改进 WordPress 搜索的指南。

我们希望本教程能帮助您学习如何在 WordPress 帖子中添加搜索表单。您可能还想了解如何在 WordPress 中创建联系表单,或查看我们专家为小型企业挑选的最佳电子邮件营销服务

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top