目录
大纲
WP建站和运维

自定义搜索结果模板

引言

本节课我们将介绍如何自定义搜索结果模板。当网站访问者搜索内容时,系统会跳转至搜索结果页面,而搜索结果模板决定了该页面及其结果的结构布局。本示例采用Twenty Twenty-Four主题的默认搜索结果布局。

自定义搜索结果模板

我们可以通过编辑模板来自定义搜索结果页面。首先进入控制面板,点击”外观”选项,随后打开站点编辑器。选择”模板”菜单,然后点选搜索结果模板。您可以为模板添加独特的页眉页脚,或通过查询循环区块修改结果显示方式。让我们打开列表视图来更好地理解页面结构:首先可以决定是否保留”搜索结果”标题。若选择保留,可在标题中显示搜索关键词,并进一步设置区块样式。

选择新样式

接下来我将自定义结果显示方式。第一步选择用于展示结果的查询循环区块,通过区块工具栏点击”替换”按钮选择新样式。这里我选择”小图带标题”样式,然后进行进一步调整:先将对齐方式改为宽幅宽度,在标题下方添加文章摘要区块。在列表视图中选择右列,将垂直对齐设置为顶部对齐,使标题和摘要与图片顶部平齐。接着选择文章特色图片,在样式设置中将长宽比调整为3×4以确保所有图片尺寸统一。最后点击保存,即可在前端查看新版搜索结果页面。此时再进行内容搜索,结果显示格式已因模板修改而焕然一新。

清除自定义设置

若需撤销更改,只需点击名称旁的三个竖点菜单,选择”清除自定义设置”即可恢复模板原始状态。

结语

期待您能打造出最符合需求的搜索结果展示方案。