介绍
在本课中,我们将介绍如何自定义搜索结果模板。当访问者搜索您网站上的内容时,他们会被带到一个搜索结果页面,而搜索结果模板决定了该页面和结果的呈现结构。我使用的是 Twenty Twenty-Four 主题,这是结果的默认布局。
自定义搜索结果模板
我们可以通过编辑模板来自定义搜索结果页面。为此,让我们进入仪表板,点击“外观”,然后打开站点编辑器。点击“模板”,然后选择“搜索结果”模板。您可以为模板添加独特的页眉和页脚,或者您可能希望通过查询循环块更改结果的显示方式。让我们打开列表视图以更好地理解页面结构。首先,您可以决定是否保留或移除“搜索结果”标题。如果保留,您可以在标题中显示搜索词,并且可以选择进一步设置该块的样式。
选择新模式
在这个例子中,我将自定义搜索结果的显示方式。第一步是选择用于显示结果的查询循环块。我将为我的查询循环块选择一个不同的模式。为此,我将使用我的块工具栏并点击“替换”。这允许您选择不同的模式。我将选择名为“小图片和标题”的模式。现在,我将继续进一步修改查询循环块。首先,让我们将对齐方式更改为“宽宽度”。接下来,我将在标题下方添加一个“文章摘要”块。添加后,我将在列表视图中选择右侧列。然后,将垂直对齐方式更改为顶部对齐,因为我希望标题和摘要与图片顶部对齐。接着,我将选择特色图片块。打开样式,然后将特色图片块的宽高比更改为 3×4,以确保统一性,所有图片大小一致。然后,我们可以点击“保存”,并在前端查看我们新的搜索结果页面。我将再次搜索一些内容。但这次,由于修改了搜索结果模板,结果会以新格式显示。
清除自定义设置
要撤销更改,请点击名称旁边的三个垂直点,然后选择“清除自定义设置”。这将恢复到模板的原始状态。
结论
祝您在决定如何显示搜索结果时一切顺利。