iT邦幫忙

2021 iThome 鐵人賽

DAY 20
0
自我挑戰組

WordPress 區塊編輯器與區塊套件組合外掛【新手村】系列 第 20

20 | WordPress 最新文章區塊 Latest Posts Block

https://ithelp.ithome.com.tw/upload/images/20211004/2011635728KLQUcekI.jpg
常見的部落格版形網站,會顯示「最新文章列表」在首頁,方便讀者直接瀏覽最新的內容,反倒 WordPress 形象網站會把這部分放在選單分類裡。所以最新文章區塊會顯示您最近的文章,方便您的讀者查看網誌的最新消息。

本教學引用至:如何使用 WordPress 區塊編輯器建立「最新文章」和「分類文章」列表?


按一下「+」圖示,將圖庫區塊新增到頁面

https://ithelp.ithome.com.tw/upload/images/20211004/20116357stRH0YtbMn.jpg


區塊工具列 (Block Toolbar) | 清單檢視模式 List View

https://ithelp.ithome.com.tw/upload/images/20211004/20116357DWHvm0Rlu9.jpg


功能全開,滿足大部分網站需要

https://ithelp.ithome.com.tw/upload/images/20211004/20116357a52S3SJuu8.jpg


區塊工具列 (Block Toolbar) | 清單格狀模式 Grid View

https://ithelp.ithome.com.tw/upload/images/20211004/20116357bWQMSktKLq.jpg


區塊工具列 (Block Toolbar) | 對齊模式 Alignment

https://ithelp.ithome.com.tw/upload/images/20211004/20116357h8iECmzDq7.jpg


區塊設定介面 | 基礎設定

https://ithelp.ithome.com.tw/upload/images/20211004/20116357Kp0jyS4Ztw.jpg


區塊設定介面 | 排序及篩選方式

https://ithelp.ithome.com.tw/upload/images/20211004/20116357RkVcFVwwLD.jpg


在區塊小工具 | 新增「最新文章」列表

https://ithelp.ithome.com.tw/upload/images/20211004/20116357MXF7JhR2Jc.jpg


廷伸閱讀:

透過 WordPress 區塊編輯器建立「最新文章」
使用新版 WordPress 查詢迴圈區塊建立「進階的最新文章列表」
透過 Qubely 區塊組合套件製作【文章列表 Post Grid】」
什麼是區塊編輯器?


上一篇
19 | WordPress 表格區塊 Table Block
下一篇
21 | WordPress 短代碼區塊 Shortcode Block
系列文
WordPress 區塊編輯器與區塊套件組合外掛【新手村】30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言