23 | 【进阶教学】了解 WordPress「清单检视 List View」功能

https://ithelp.ithome.com.tw/upload/images/20211007/20116357KOh5is6mkU.jpg
由於 WordPress 区块编辑器 已经推出了一段时间,不过部分新手在操作时发现不好上手,尤其在选取目标「区块」元素时,常常选不到自己希望选择的物件。还有因为「隐藏」的线框,没有相关的区块观念可能会碰壁。这次从「观念」介绍如何更「精准」和「正确」地选取区块物件,这需要配合「清单检视 List View」功能的协助。

引用完整教学:

什麽是 WordPress「清单检视 List View」功能?


区块编辑器里的群组观念

https://ithelp.ithome.com.tw/upload/images/20211007/20116357lWdpHexTXQ.jpg

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


独立时的「葡萄」区块 和「草莓」区块

https://ithelp.ithome.com.tw/upload/images/20211007/20116357bxNVIENdVH.jpg


当「区块 Block」组合起来後?

https://ithelp.ithome.com.tw/upload/images/20211007/2011635751wPhpKFb7.jpg


如何开启「清单检视 List View」功能?

https://ithelp.ithome.com.tw/upload/images/20211007/20116357HE0ql4gNxJ.jpg


轻松选取独立「区块 Block」元素

https://ithelp.ithome.com.tw/upload/images/20211007/20116357UtH73HYvC0.jpg


分拆不同的「区块 Block」群组

https://ithelp.ithome.com.tw/upload/images/20211007/20116357BewN5Y9WzU.jpg


廷伸阅读:

什麽是 WordPress「清单检视 List View」功能?
什麽是区块编辑器?


<<:  创建App-Google sign in my App

>>:  2.4.13 Design System - Loading Indicator

Day19 不使用JSX开发React的方式

当你在开发时若不想使用编译器的话,不使用JSX也是可以开发react的。 每个JSX元素都只是呼叫 ...

Day15: 【TypeScript 学起来】Interface VS Type Aliases 用法与差别

上一篇讲到 interface,今天这篇会来讲 type, 他们两个功能几乎很像,但还是有些不一样...

Day 8 - Fun with HTML5 Canvas

前言 JS 30 是由加拿大的全端工程师 Wes Bos 免费提供的 JavaScript 简单应用...

Day21 ( 高级 ) 戳泡泡 ( 视讯侦测 )

戳泡泡 ( 视讯侦测 ) 教学原文参考:戳泡泡 ( 视讯侦测 ) 这篇文章会介绍,如何在 Scrat...

【Day 03】- 打针!打针!从 R0 注入的那件事!

Agenda 资安宣言 测试环境与工具 学习目标 技术原理与程序码 References 下期预告 ...