Search Templates 让您设计 WordPress 搜索结果页面的布局和外观, 您可以创建具有自定义布局、过滤选项和有用的功能的视觉吸引力搜索结果, 从而改善用户体验并使访问者在您的网站上停留更长时间。
为什么要自定义搜索结果? #
- 更好的用户体验: 帮助用户更快地找到他们想要的东西
- 品牌一致性: 将搜索结果与您网站的设计相匹配
- 降低弹跳率: 即使初始结果并不完美,也要让用户保持参与度
- 货币化机会: 在搜索结果中显示广告、特色内容或产品
逐步:创建搜索模板 #
1。创建新的搜索模板 #
导航至 主插件 → 主题生成器 → 添加新模板.
2、基本配置 #
- 模板标题: 描述性名称(例如,“搜索结果页”或“站点搜索布局”)
- 模板类型: 选择 搜索 从下拉
- 激活: 设置为 活跃 设计后。
单击 保存设置 设计前。
3、用元素器编辑 #
单击 使用元素器编辑。您将有一个空白画布来设计您的搜索结果页面。
重要提示: WordPress 中搜索模板自动接收搜索查询, 您将根据用户在搜索框中键入的内容显示搜索结果。
4。使用主插件搜索元素 #
Master Addons 提供用于搜索功能的专用小部件:
主插件搜索小部件: #
- 搜索栏: 在结果顶部添加一个突出的搜索栏
- 实时搜索: 启用用户类型的实时结果
- 搜索: 仅搜索特定帖子类型的选项
- 阿贾克斯 加载: 结果加载无需页面刷新
主插件后网格/搜索结果列表: #
配置为显示搜索结果:
- 查询来源: 设置为“搜索结果”
- 布局选项: 网格、清单或砖石
- 结果计数: 显示发现的结果数量
- 没有结果消息: 找不到任何东西时的自定义消息
主插件过滤小部件: #
添加过滤器以细化搜索结果:
- 类别过滤器: 按类别过滤结果
- 日期过滤器: 仅显示最近的结果
- 类型过滤器: 按帖子类型(帖子、页面、产品)过滤
5、搜索-特定动态内容 #
搜索模板具有独特的动态标签:
搜索查询信息: #
- 搜索查询: 用户搜索的实际术语
- 搜索结果计数: “显示 15 个‘关键词’”结果
- 搜索建议: “你的意思是...”的建议
示例用途:
- 添加 标题 小部件 → 插入 搜索查询 动态标签 → “结果:[搜索词]”
- 添加 文本 小部件 → 插入 搜索结果计数 动态标签 → “发现 24 个结果”
- 添加 主插件搜索栏 → 设置为显示在页面顶部
- 添加 环网格 → 将查询设置为“搜索结果”
6。设计你的搜索布局 #
有效的搜索结果结构:
1。搜索头部分: #
- 大搜索栏(让搜索再次变得简单)
- 显示搜索词并计算结果
- 快速过滤按钮(最新、流行、全部)
2。主要成果领域: #
- 网格或结果列表:
- 特色图像
- 题(已链接)
- 突出显示搜索词的摘录
- 邮政类型/类别徽章
- 发布日期
3。侧边栏/二次内容: #
- “大众搜索”列表
- “最近搜索”(如果登录)
- 类别过滤器下拉
- “找不到你需要的东西”联系提示
4。无结果部分: #
- 包含建议的友好信息
- 热门内容链接
- 联系表单或支持聊天按钮
5、分页: #
- 多页结果的标准分页
- “加载更多”按钮选项
7、设置搜索条件 #
设计完毕后,前往 条件 tab。搜索模板有特定的条件选项:
搜索模板条件:
选项 A:所有搜索结果 #
- 包括:
Search - 这适用于搜索结果页面
注: 与其他模板不同,搜索条件通常只是 “Search”,因为您无法区分不同类型的搜索(尽管您可以使用自定义代码)。
8、搜索功能配置 #
搜索小部件设置: #
- 占位符文本: “你在找什么”
- 搜索按钮文本: “搜寻”或放大镜图标
- 发布要搜索的类型: 选择要包含的内容类型
- 实时结果延迟: 显示实时结果之前的毫秒
- 最小字符: 搜索前需要 2-3 个字符
结果网格设置: #
- 每页帖子: 每页 10-20 个结果
- 摘录长度: 缩短摘录以加快扫描速度
- 突出显示搜索术语: 粗体或颜色匹配的单词
- 排序依据: 相关性、日期、标题(相关性最适合搜索)
- 显示/隐藏元素: 作者、日期、类别(根据需要)
9。保存&测试 #
单击 保存设置。然后通过以下方式测试:
- 进行搜索 来自您网站的搜索栏
- 测试不同的查询:
- 具有许多结果的具体术语
- 一般术语,结果很少
- 期限无结果
- 测试分页 具有广泛的搜索词
- 测试移动响应
- 检查装载速度 (搜索页面应快速)
常见搜索模板示例 #
标准博客搜索: #
- 条件:搜索
- 特点:顶部的大型搜索栏、带有图像的 2 列结果网格、摘录、“阅读更多”链接、带有热门帖子和类别的侧边栏、分页
电子商务产品搜索: #
- 条件:搜索
- 特点:过滤侧边栏(价格、类别、评级)、带有图像/价格/添加到购物车的产品网格、“结果很少时销售产品”,按相关性/价格/评级排序
知识库/以搜索为中心的网站: #
- 条件:搜索
- 特点:实时搜索,提供即时结果、分类结果(文章、常见问题解答、教程)、“这有用吗?”反馈按钮,“联系支持”在没有结果时突出显示
极简主义搜索: #
- 条件:搜索
- 特点:布局干净,只有标题和简短摘录,没有图像,注重可读性和速度
故障排除 #
问题: 搜索模板未显示
- 修复: 确保条件设置为“包括:搜索”
问题: 显示错误内容的搜索结果
- 修复: 检查帖子网格查询设置,设置为 “搜索结果”而不是 “最近帖子”
问题: 实时搜索不起作用
- 修复: 确保在搜索小部件设置中启用 Ajax
问题: 未出现搜索亮点
- 修复: 在后网格设置中启用“突出显示搜索术语”
问题: 搜索速度太慢,结果很多
- 修复: 减少每页帖子、优化图像、考虑搜索插件以获得更好的索引
问题: 没有显示结果消息
- 修复: 在后网格小部件中配置 “未找到结果”消息
专业提示 #
- 速度至关重要: Search页面加载速度要快 优化图片,考虑缓存
- 移动第一设计: Mobile上进行大多数搜索。使搜索栏突出且易于使用
- 分析: 跟踪人们搜索的内容以改进内容和搜索建议
- 回退内容: 即使搜索没有返回任何内容,也始终显示有用的内容
- 无障碍: 确保搜索适合键盘导航和屏幕阅读器
- 测试边缘案例: 搜索特殊字符,术语很长,搜索为空
- 一致的设计: 将您的搜索页面设计与网站的其余部分相匹配
- 错误消息: 为零结果编写友好、有用的错误消息
绩效考虑因素 #
- 每页限值结果: 10-20通常是最佳的
- 懒惰加载图像: 对于具有许多结果的搜索尤其重要
- 缓存搜索结果: 考虑缓存流行的搜索查询
- 优化数据库: 确保您的 WordPress 数据库针对搜索查询进行了优化
- 用摘录: 显示简短的摘录而不是完整的内容
精心设计的搜索模板将用户体验从令人沮丧转变为令人愉快。有了 Master Addons,您不仅仅是在设计搜索结果,还可以在创建整个搜索体验时引导用户获取他们需要的内容,在搜索失败时提供替代方案,并让人们与您的网站保持互动。
常见问题 #
如何在主插件中创建自定义搜索结果页面?
转到主插件 → 主题生成器 → 添加新模板,将模板类型设置为搜索,然后保存设置并使用 Elementor 进行编辑。在空白画布上设计布局,并在条件选项卡设置中包含 → 搜索,以便模板适用于所有搜索结果页面。
如何在模板中显示实际搜索结果?
Master Addons Post Grid 或 List 小部件,并将其查询源设置为搜索结果而不是最近发布的帖子,模板会自动从 WordPress 接收搜索查询,因此网格显示与用户键入的内容匹配的结果,您还可以使用搜索查询和搜索结果计算动态标签来浮出术语本身。
我可以将实时搜索和过滤器添加到结果页面吗?
是的。主插件搜索小部件支持带 Ajax 加载的实时搜索,因此结果显示为用户类型,无需页面刷新,以及要搜索哪些帖子类型的选项、结果延迟和最小字符数。您还可以添加类别、日期和类型过滤器小部件,让访问者细化结果。
为什么我的搜索模板显示错误的内容?
这几乎总是来自于 Post Grid 查询被设置为最近发布的帖子而不是搜索结果,因此请首先更新。如果模板根本没有出现,请确认条件设置为包括:搜索。对于缺少的术语突出显示,请在 Post Grid 设置中启用突出显示搜索术语。
当搜索没有返回结果时应该发生什么?
Post Grid 小部件中配置无结果找到消息,并设计专门的无结果部分,最佳实践是显示包含建议、流行内容链接以及联系表单或支持按钮的友好消息,因此访问者始终有一个有用的下一步,而不是死胡同。
