Divi 产品亮点:Divi 搜索助手
已发表: 2024-09-03您是否正在寻找一种更好的方式让用户搜索您的 Divi 网站内容?那么,您应该尝试一下 Divi Search Helper。这个令人惊叹的插件通过向现有搜索模块添加强大的功能来增强标准 Divi 搜索模块。在这篇文章中,我们将引导您了解该插件的功能并向您展示如何使用它!
让我们深入了解一下吧!
- 1什么是迪维搜索助手?
- 2 Divi搜索助手有什么特点?
- 2.1增强的搜索字段设计
- 2.2搜索按钮调整
- 2.3选择要显示的自定义帖子类型
- 2.4自定义搜索结果设置
- 3如何使用Divi搜索助手
- 3.1安装 Divi 搜索助手
- 3.2在页面中添加Divi搜索模块
- 3.3配置Divi搜索模块内容设置
- 3.4配置 Divi 搜索模块设计设置
- 4 Divi 搜索助手的费用是多少?
- 5 Divi 搜索助手提供更好的搜索方式
什么是 Divi 搜索助手?
Divi Search Helper 插件为 WordPress 搜索栏添加了许多附加功能。 Divi Search Helper 由 PeeAye Creative 的开发人员创建,可增强 Divi 搜索的功能,使访问者无需挖掘即可轻松找到所需内容。
Divi Search Helper 最好的一点是您不需要编码经验来自定义它。您将拥有直接集成在 Divi Builder 中的 65 项新设置和功能。您可以定义搜索中应包含哪些帖子类型、搜索结果的显示方式等等。
获取 Divi 搜索助手
Divi搜索助手有什么特点?
如前所述,Divi Search Helper 向 Divi 附带的现有搜索模块添加了 65 个新设置和功能。让我们深入研究这些功能,以便您更好地了解可以用它做什么。
注意:目前,Divi Search Helper 不允许在 Visual Builder 中预览其中一些功能和设置。然而,PeeAye Creative 承诺在未来的版本中进行这些更新。
增强的搜索字段设计
Div Search Helper 提供了大量选项来使搜索字段变得流行。您可以添加很酷的图标以使搜索字段脱颖而出,也可以添加一个图标来清除搜索字段,使其对所有用户来说更加直观。 Divi Search Helper 还提供了丰富的自定义选项,包括占位符、字段和字段焦点、字体以及文本对齐、大小和行高的各种设置。
搜索按钮调整
Divi Search Helper 允许您使用各种设置自定义搜索模块的按钮。您可以选择按钮类型来显示图标、文本或两者。您还可以更新按钮上的文本以显示搜索以外的内容。该插件还允许您在左侧或右侧显示按钮,并使用 Divi 的设计选项卡自定义外观。
选择要显示的自定义帖子类型
Divi Search Helper 的最大优势之一是它能够显示不同的帖子类型,例如帖子、页面、项目、产品或事件。与显示帖子、页面和摘录结果的标准 WordPress 搜索不同,Divi 搜索助手可让您准确选择要包含的内容。使用此插件,您可以为网站的特定区域(例如博客、作品集页面或自定义搜索结果页面)创建自定义搜索栏。您可以通过指定特定的帖子或项目标签或类别、自定义元或特定的关键字标准来进一步钻取搜索结果。
自定义搜索结果设置
Divi Search Helper 通过以下两种方式之一提供搜索结果:搜索结果页面或 Ajax 下拉菜单。还有多种方法可以自定义搜索结果的显示方式。选项包括搜索结果顺序(发布日期、字母顺序、相关性或随机)、显示多少结果以及分页链接文本。作为额外的好处,您可以自定义搜索结果标题文本,选择是否在新选项卡中显示结果以及确定是否包含图像。这些功能极大地改进了标准 WordPress 搜索选项。
还有大量的设计设置,包括自定义背景、导航链接、填充、滚动条设置和边框。
如何使用 Divi 搜索助手
充分了解 Divi Search Helper 的工作原理后,让我们深入了解有趣的部分。我们将引导您安装和自定义插件以满足您的需求。
安装 Divi 搜索助手
第一步是安装插件。首先导航到插件 > 添加新插件。单击上传插件按钮。
接下来,单击选择文件并将插件的压缩文件夹上传到 WordPress。单击“立即安装”按钮继续。
最后,单击“激活插件”以安装 Divi Search Helper。
将 Divi 搜索模块添加到页面
安装插件后,让我们看看您可以使用 Divi Search Helper 做什么。对于此示例,我们假设您想要创建一个名为“咖啡”的自定义帖子类型的搜索。我们将使用 Divi Assistant 插件(在此处了解更多信息)将项目帖子类型重命名为Coffees 。创建新的帖子类型后,您可以对其进行自定义搜索!
我们将在主页上添加搜索功能,供人们搜索咖啡。启用可视化生成器并创建一个新部分。接下来,选择搜索模块。
配置 Divi 搜索模块内容设置
搜索模块有大量需要配置的设置,因此我们将引导您完成每个步骤。从搜索字段设置组开始。在这里,您可以配置默认搜索词的输入占位符。您还可以选择图标及其位置。
搜索按钮设置组包括用于显示或隐藏按钮、添加自定义文本以及控制按钮位置的选项。
下一个设置组“搜索条件”允许您选择要显示的内容。在本例中,我们将选择咖啡。您还可以指定搜索关键字条件,例如标题、摘录和内容。还有一个自定义元部分,它允许您添加以逗号分隔的自定义元键。
最后,搜索结果设置组通过两个选项控制搜索结果方法 - 主题生成器搜索结果页面或 Ajax 搜索结果下拉列表。其他参数包括搜索结果排序、每页显示的结果数以及分页链接文本。您还可以为搜索栏设置自定义标题,并选择是否希望搜索结果显示在同一选项卡或新选项卡中。为了使搜索更加动态,您可以做的一件很酷的事情是在结果中显示图像和标题。这是在网站上展示视觉内容并吸引注意力的好方法。
配置 Divi 搜索模块设计设置
Divi 搜索模块还具有 Divi Builder 中提供的熟悉的设计选项。您可以为搜索字段和按钮上的字体和图标指定颜色。您还可以控制搜索结果的设计设置。让我们分别看一下每个选项卡。
搜索字段选项控制搜索字段文本和边框的颜色和字体。设计选项几乎是无限的,无论是占位符、字段文本颜色还是字体。
同样,搜索按钮是完全可定制的。通过选择字体的选项(包括文本大小、字母间距等),您可以为真正脱颖而出的搜索按钮创建样式。
实时 Ajax 搜索结果下拉设置
Ajax 搜索结果下拉列表具有三个选项卡选项:下拉容器、结果文本和分页。对于下拉容器,您可以选择背景颜色、填充、容器阴影、边框和滚动条。
结果文本选项卡控制字体、颜色和各种属性。
同样,分页选项卡允许您自定义文本和活动文本,包括选择字体和颜色。
实时 Ajax 搜索单个结果设计设置
Divi Search Helper 用户还可以对 Ajax 下拉列表中的各个结果进行样式化。通过总体结果、标题、摘录和价格选项,您可以真正使您的内容变得独一无二。与其他选项一样,所有设置都是可自定义的,包括字体、颜色等。有五个带有选项的选项卡,可让您轻松匹配您的品牌。但是,设置后您必须预览更改,因为大多数更改在 Visual Builder 中不可用。
所有设计设置完成后,保存页面并查看新的搜索栏!
Divi 搜索助手的费用是多少?
Divi Search Helper 可在 Divi Marketplace 上购买,价格低廉,为29 美元。这包括一年的支持和更新以及 30 天退款保证。您还可以在无限的网站上使用 Divi 搜索助手,确保您可以为您拥有的每个 Divi 网站提供更强大的搜索选项。
获取 Divi 搜索助手
Divi 搜索助手提供更好的搜索方式
Divi Search Helper 对于希望增强搜索功能的 Divi 网站所有者来说是一个游戏规则改变者。通过向标准 Divi 搜索模块添加丰富的功能,该插件使您网站的访问者比以往任何时候都更容易找到他们正在寻找的内容。从可定制的设计元素到高级搜索条件,Divi Search Helper 为改善用户体验和搜索结果提供了令人难以置信的解决方案。
那些厌倦了默认 WordPress 搜索限制的人应该考虑 Divi Search Helper。其直观的界面和实惠的价格使其成为任何 Divi 用户的宝贵工具。尝试一下!