当前位置: 首页 > 开发杂谈 >

22 | WordPress 查询回圈区块 Query Loop Block

https://ithelp.ithome.com.tw/upload/images/20211006/201163577apgLSZwjs.jpg
查询回圈区块是 WordPress 5.8 新推出的功能,初步使用结论是不错的,不过部分 UI / UX 可以改善,不然对部分新手可以会做成错误的操作,但非常期待这个功能的发展,作为 全站编辑 (Full Site Editing) 重要的组成部分,这次的更新是一个重要的里程碑,希望新手不要阅读得太辛苦。

引用完整教学:

WordPress 查询回圈区块是什麽?


查询回圈区块 (Query Loop Block) 的目的是什麽?

https://ithelp.ithome.com.tw/upload/images/20211006/20116357uvwtIETzck.jpg

https://ithelp.ithome.com.tw/upload/images/20211006/20116357iNHxF1iADN.jpg

这次教学上半部分是设计一份可以重复套用的「文章范本」,范本内容包含文章标题、精选图片、内容摘要、发文时间和文章分类等等,然後交给「查询回圈」功能执行。所以「查询回圈」的角色就是重复执行「文章范本」,而重复次数取决於文章查询总数,次数的部分站长可以自由控制。

查询回圈区块 能显示指定参数的文章,与 PHP 回圈相似但不须撰写程序码。这个区块能显示指定分类的文章,能达成类似建立作品集或私房食谱页面的目标,使用者可以将这个区块类比为功能较为复杂但更为强大的 [最新文章] 区块。此外,区块版面配置建议能让建立指定条件的文章清单变得比以往更容易。


如何新增查询回圈区块 (Query Loop Block) ?

https://ithelp.ithome.com.tw/upload/images/20211006/20116357Gzkyd29aIa.jpg


【单栏式】文章列表「清单检视 List view」 | 选择外观设计流程

https://ithelp.ithome.com.tw/upload/images/20211006/20116357PXVEEl0dYj.jpg


【一栏式】文章列表 | 样式 01

https://ithelp.ithome.com.tw/upload/images/20211006/201163574YpRg0V8ja.jpg


从「多个」外观,选择一款喜欢的样式

https://ithelp.ithome.com.tw/upload/images/20211006/201163572GZdhtO7wd.jpg


「宽幅宽度」vs「全幅宽度」的差异?

https://ithelp.ithome.com.tw/upload/images/20211006/20116357omszzykQlT.jpg


「清单检视 List View」和「格状检视 Grid view」比较

https://ithelp.ithome.com.tw/upload/images/20211006/20116357aU0TymeGE5.jpg


关於「显示设定 Display settings」的配置

https://ithelp.ithome.com.tw/upload/images/20211006/20116357wZIthD2fET.jpg


回到「区块编辑器」的设定

https://ithelp.ithome.com.tw/upload/images/20211006/20116357SRvprWYDdr.jpg


查询回圈 | 区块设定 01

https://ithelp.ithome.com.tw/upload/images/20211006/20116357a2fBHFuZHT.jpg


查询回圈 | 区块设定 02

https://ithelp.ithome.com.tw/upload/images/20211006/20116357jAWldzOuMQ.jpg


开启「清单检视 List View」模式

https://ithelp.ithome.com.tw/upload/images/20211006/20116357i39RFwyzT4.jpg


预设标准的「文章范本」结构

https://ithelp.ithome.com.tw/upload/images/20211006/20116357hUFJuS8Qt4.jpg


完成品:接近 WordPress 布景主题的效果

https://ithelp.ithome.com.tw/upload/images/20211006/20116357k8dA9twtXf.jpg

廷伸阅读:

WordPress 查询回圈区块是什麽?
什麽是区块编辑器?


相关文章:

  • [Day26] Click and Drag to Scroll
  • 【zerojudge恶龙题】- c005: 10300 - Ecological Premium
  • 30天程序语言研究
  • 资安学习路上-picoCTF 解题(General) 2
  • 拯救资工系学生的基本素养—写出 Clean Code 的原则
  • Kotlin Android 第23天,从 0 到 ML - CameraX
  • 10.需要克服系统差异的大小事 - 变更单
  • 日本亚马逊站外引流的途径
  • 18. 解释 JSONP 如何运作
  • [Day29] 第二十九课 Azure灾害复原(DRaaS)-2[进阶]
  • 什么是亚马逊seller账户,seller账户有什么规则?
  • 学习Python纪录Day1 - 学习动机与目标
  • [第七只羊] 迷雾森林舞会前夕 建立使用者关联
  • Day22【JS】ES6 动态计算属性名 Computed property names
  • 股市小白混乱篇-使用 ticks API(1)
  • Gutenberg 10.4 在自定义程序中引入了块小工具
  • 亚马逊卖家教程入门:如何做好亚马逊?教你怎么做亚马逊
  • HD钱包是什么?比特币钱包原理
  • 国外靠谱的VPS云服务器大全
  • 菲律宾虚拟卡预付卡大全
  • Gutenberg 10.6 添加Duotone过滤器、查询模式轮播和最常用标签选择器
  • WordPress 5.7 的 Robots API 和 max-image-preview 指令
  • 糖果主机香港VPS优惠码最新七折促销
  • Pinterest的商业指南(信息图):为什么以及如何在在Pinterest上推广你的业务
  • 海外营销周报:Facebook应用下载量下降30%,TikTok在欧洲测试应用内购买…
  • WordPress教程:教你如何置顶文章
  • 【教程】Let’s Encrypt免费HTTPS SSL证书获取教程
  • 教育邮箱:申请塔拉哈西社区学院edu邮箱
  • PayPal国外买东西教程:银联卡(国内储蓄卡信用卡)怎么用PayPal买国外的东西更安全
  • 一键脚本:Aria2+Aria2Ng+OneIndex | 自动上传OneDrive