引言
本节课我们将深入学习查询循环及Query Loop区块的使用。首先让我们了解Query Loop区块——这个功能强大的区块可根据指定参数显示文章,同时也是博客页面用来展示所有文章的默认区块。它允许您向数据库请求显示特定主题的所有文章,例如查看所有关于无麸质食谱的文章,或是检索电脑游戏评测类内容。
Query Loop区块结构
每个Query Loop区块包含多个嵌套区块:文章特色图片区块、分类区块、文章标题区块、作者区块、摘要区块等。虽然无法直接编辑这些嵌套区块的内容,但可以自由定制外观布局,按需添加或删除区块。
应用实例
让我们观察几个网站案例:第一个示例使用查询循环突出展示女性创造力、领导力、勇气与创新相关的最新故事,其下方另设查询循环显示博客文章;第二个示例通过查询循环展示早餐食谱和开胃菜等不同类型的菜谱;最后一个案例则利用查询循环构建新闻聚合页面。
编辑操作
进入外观菜单点击编辑器,即可访问站点编辑器。当前我们处于显示所有博客文章的首页模板。展开列表可查看Query Loop区块结构:顶部是特色图片区块,接着是文章标题区块和元数据区块(含发布日期、作者、分类),最后是摘要区块。我们可以自由调整显示内容,例如删除摘要区块,或将标题区块拖拽至特色图片区块上方。值得注意的是:对查询循环的修改会全局生效。
空白创建与模式应用
若需完全不同的版式,可点击区块工具栏的”替换”按钮浏览主题预设模式。选择模式后仍可自由定制。新建Query Loop区块时有两种选择:选用预设模式或从空白开始。选择空白创建后,可选择基础组合(如标题+日期+摘要),随后继续添加特色图片区块,并通过样式设置将图片比例统一调整为4×3等规格。
筛选功能
接下来探讨分类法与筛选器的使用。假设已创建生活方式主题页面,只需显示相关文章:选择Query Loop区块后打开侧边栏设置,首先取消勾选”继承模板查询”以启用自定义设置。通过分类/标签、作者、关键词等多维度筛选内容。例如选择”生活方式”分类后,系统将自动排除不属于该分类的文章。
也可按作者筛选:在侧边栏设置中选择筛选器→作者→指定显示Roger Lister的文章。关键词筛选功能则支持仅显示包含特定词汇的文章。
侧边栏设置详解
取消”继承模板查询”后会出现更多定制选项。若保持开启状态,部分自定义功能将被隐藏。需要注意的是:在文章或模板中添加新Query Loop区块时务必关闭该选项,否则前端可能无法显示区块内容。
接下来是文章类型选项:除默认的博客文章外,还可显示页面甚至自定义文章类型。排序功能支持按时间新旧或字母顺序排列。置顶文章选项包含三种模式:包含置顶文章、排除置顶文章或仅显示置顶文章。”强制页面重载”关闭后可实现无刷新浏览,提升用户体验。
结语
愿您能充分发挥这个强大区块的潜力来展示内容。
实践操作
使用WordPress演练场进行测试:
1. 创建两篇测试文章并添加虚拟内容与特色图片(无本地图片可使用https://unsplash.com/,一张配图关联健身主题,另一张关联营养主题)
2. 新建”健身”与”营养”两个分类,并分别分配给两篇文章
3. 创建名为”营养”的新页面,添加Query Loop区块并选择预设模式
4. 取消勾选”继承模板查询”
5. 通过筛选器→分类法→分类目录→选择”营养”分类,确保仅显示带此标签的文章