內容目錄
歡迎回到鵠學苑 — WordPress 網頁設計超詳細攻略。相信Elrmentor在最近一系列的改版中,增加了不少實用的功能 ,今天來針對其中一個 widget:「Loop Grid」來介紹,接下來就跟著鵠學苑的腳步,我們一起學習吧!
一般我們在首頁或是靜態頁面想拉出文章列表,通常都是用 Posts這個小工具來解決,一般而言是沒問題的,也有一些預設的排版可以使用。
但若是想自訂呈現的排版,之前只能用其他的功能性外掛處理(例如 Elementor AE),不過這幾次的改版,Elementor終於也可以自訂排版了,來趕快看一下怎麼使用吧!
首先在頁面編輯的小工具,可以找到新的小工具: Loop Grid,拉進來之後會發現都沒有東西,這是因為我們要建立新的 template。
這時候我們切換到後台控制台的「範本」(Templates)-> 已存版型,直接點選「新增」。
在跳出來的視窗中,下拉選到「Loop item」,然後根據需求選擇 Posts或是 Products再命名一下。
接著就像一般使用elementor的後台,拖曳、調整你想要顯示的版型,完成後記得要按發布。
最後我們回到剛剛拉「Loop Grid」這個小工具的頁面,可以下拉搜尋我們剛剛新增的 loop item 名稱,套用後再照著以前使用 Posts 的方式,就可以呈現剛剛的版型了!
那今天的教學就到這裡告一段落了,如果想了解最新網站知識,也可以到 鵠崙設計 官網看看,我們下次的教學見~