iT邦幫忙

2021 iThome 鐵人賽

DAY 23
0

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」功能?
什麼是區塊編輯器?


上一篇
22 | WordPress 查詢迴圈區塊 Query Loop Block
下一篇
24 | 【進階教學】什麼是 WordPress 區塊組合套件外掛?
系列文
WordPress 區塊編輯器與區塊套件組合外掛【新手村】30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言