在企業網站或售後服務頁面中，最新消息或公告區塊是一個常見且必要的功能。
這篇教學文章將帶您使用 Crocoblock 的 Jet Engine 與 Elementor Pro，
輕鬆打造最新消息的組件。
依據接案經驗，通常會遇到兩種需求：
- 網站不需要部落格功能，但需要一個最新消息區。
- 網站有部落格，且需要額外獨立的最新消息或公告區
今天我們將聚焦在第一種情境，直接利用部落格文章列表
來建立一個公告或最新消息的區塊。
Step 1:用 Jet Engine 新增 Listings
- 在 WordPress 控制台，進入 Jet Engine > Listings，點擊 Add New。
- 選擇使用 Elementor 編輯新建的 Listing。
- 在 Elementor 編輯器中，拖曳 Listings Element*下的元素到畫布上。
日期（Date）：選擇需要的日期格式(format)（可以參考格式說明連結，找到合適的樣式）。
記得在Dynamic Link 中把label 選擇文章標題
放上分隔線會更加完整～
調整元素樣式（字體、顏色、間距等），滿意後點擊發布。
以上到這邊，你會發現這只有一組資料～
但請記住，這邊是在製作列表的「模板」，
而不是最終的樣子！
所以千萬不要急著複製模組哦！
在這邊看到一組是很正常的事情！
Step 2:建立文章分類與選單
回到控制台，進入 文章 > 分類，新增分類。
例如：最新消息、最新公告
到 外觀 > 選單，新增一個選單，將剛建立的分類加入選單中，儲存。
Step 3: 建立文章列表模板
- 進入 Elementor 範本 > 主題建構器，選擇 文章列表，點擊 Add New。
- 進入 Elementor 編輯器，拖曳 Listings Element > Listings Grid 到畫布上。
- 搜尋框中輸入第一步建立的列表名稱，選取後即可顯示內容。
特別注意：如果目前只有一篇文章，只需新增更多文章即可顯示完整列表。
- 務必開啟 Use as Archive Template，以便將其作為歸檔模板。
新增 WordPress Menu元素。
選擇剛才建立的選單，並根據需求調整樣式。預覽完成效果，確認點擊分類時，列表能正確篩選顯示對應文章。
完成！
透過以上步驟，您已成功打造出一個最新消息模板，並將其整合到網站中。如果有任何問題，歡迎在下方留言！
–
預告：
下一篇文章將教您如何在有部落格的情境下，將公告消息獨立於其他頁面中顯示。
