确保您的网站提供积极的用户体验 (UX) 是成为网站所有者的重要组成部分。 您可以做到这一点的方法之一是确保访问者能够轻松找到他们正在寻找的内容。 那就是WordPress 搜索 块进来。您可以将此小部件添加到任何帖子或页面。 然后,您的用户可以使用它轻松地在您的网站上查找某些主题或内容。
在这篇文章中,我们将解释如何添加 WordPress 搜索 阻止您的帖子或页面,并详细说明其每个设置和选项。 然后,我们将为您提供一些有效使用它的技巧,并通过回答一些常见问题来结束。
让我们开始吧!
订阅我们的 Youtube 频道
如何将搜索块添加到您的帖子或页面
插入 搜索 阻止您的内容非常简单。 首先,导航到要添加小部件的帖子或页面。
接下来,点击 添加块 按钮,由加号图标标记。 在搜索字段中,输入“搜索”,然后单击第一个选项:
这只是添加块的一种方式。 另一种选择是在编辑器的段落块中输入“/search”,然后点击你的 进入 钥匙。 该块将自动插入到帖子或页面中。
每个 WordPress 块都有自己的设置和控件集合。 让我们仔细看看这些是什么 搜索 小部件。
搜索块设置和选项
一旦你插入 搜索 块,顶部会出现一个工具栏菜单。 有九个图标:
下面是一个备忘单,您可以使用它来了解每个控件的含义:
- 转换为。 这使您可以更改块的样式。 您可以将其更改为 团体 或者 列.
- 更改对齐方式. 这使您可以调整对齐方式。 默认情况下,它设置在左侧,但您可以使其居中或右对齐。
- 切换搜索标签. 使用此设置,您可以确定“搜索”文本是否出现在文本字段之前。 如果你关闭它,只会出现搜索栏,没有标题。
- 按钮位置. 这是指出现在文本字段右侧的搜索按钮。 您可以将其更改为 没有按钮, 外面的按钮, 或者 里面的按钮. 后两个选项是指您是否希望将按钮放置在文本字段内或外部。
- 使用带有图标的按钮. 使用此设置,您可以让按钮显示默认的“搜索”文本或放大镜图标。
- 胆大. 如果你想加粗,你可以使用它 搜索 出现在文本字段上方的文本。
- 斜体. 这是用来斜体的 搜索 出现在文本字段上方的文本。
- 更多的. 这是一个下拉菜单,可让您进一步自定义字体。 例如,您可以应用删除线格式或下标。
- 选项. 在这里,您将找到一个附加选项菜单。 例如,您可以在此之前或之后添加一个块,将其添加到您的可重用块,或删除它。
在屏幕的右侧,您会发现另外两个控件:

第一部分是 显示设置. 在这里,您可以调整宽度百分比 搜索 堵塞。 您可以选择从 25% 到 100% 的任何值,或输入您自己的自定义值。
第二个选项是 先进的. 当您单击展开此面板时,您可以添加自定义 CSS。
有效使用搜索块的提示和最佳实践
这 搜索 块非常简单易用。 但是,您可能需要记住一些提示和最佳实践,以帮助您更有效地使用它。
首先,您需要对放置块的位置保持战略性。 例如,在页面顶部或侧面插入搜索栏通常很有意义。 这样,他们就不会从主要内容上转移太多注意力。
话虽如此,确保您的搜索功能没有被掩埋或隐藏也很重要。 您可以考虑在页面顶部和底部添加一个,这样您的访问者可以选择在他们浏览完他们所在的页面之前或之后使用它。
关于搜索块的常见问题
至此,您几乎了解了有关 Search 块以及如何使用它的所有信息。 但是,为了确保我们已经涵盖了所有关键信息,让我们来看看一些常见问题。
我在哪里可以找到 WordPress 中的搜索块?
一旦您在页面或帖子上,您可以使用两种方法在 WordPress 中查找和使用此块。 首先是点击 添加块 按钮,在文本字段中键入“搜索”,然后单击第一个图标。 第二个选项是在编辑器的段落块中输入“/search”,然后点击你的 进入 钥匙。 然后将添加该块。
搜索小部件有什么作用?
这 搜索 阻止让用户更容易在您的网站上找到他们正在寻找的内容。 您可以将其插入到您的帖子和页面中,为访问者提供易于使用的搜索栏。 一旦他们输入了他们正在寻找的词组或关键字,该块将自动生成在您的网站上找到的相关帖子和页面的列表。
我在哪里可以使用 WordPress 中的搜索块?
您可以将此块插入 WordPress 中您有权访问块编辑器的任何位置。 这意味着您可以在帖子和页面中的任何位置使用它。 此外,您可以在编辑 WordPress 小部件时使用它。
结论
作为网站所有者,确保您的网站易于浏览非常重要。 您可以做到这一点的方法之一是插入一个搜索栏,供访问者使用,以便快速轻松地找到他们正在寻找的内容。 幸运的是,WordPress 提供了一个块来帮助您立即做到这一点。
正如我们所见,您可以通过单击 添加块 按钮,然后键入“搜索”。 将元素插入帖子或页面后,您可以调整其宽度和对齐方式,并自定义其字体和外观。 例如,您可以选择显示或隐藏“搜索”标题,并确定按钮是显示在文本字段的内部还是外部。
您对使用 WordPress 有任何疑问吗? 搜索 堵塞? 在下面的评论部分让我们知道!
特色图片来自 pongsakorn chaina / shutterstock