列表是微魔方建站(zhàn)平台的重要組件,方便站(zhàn)長對欄目内容進行便捷的管理(lǐ)。通過列表,用戶可以将文章或者産品内容以多種方式呈現在頁面中。用戶再頁面上(shàng)點擊文章或産品列表内的标題,就(jiù)可以進入該元素的詳情頁面。使用列表組件時需要先在内容管理(lǐ)下(xià)創建文章或者産品。具體操作(zuò)流程請參考如(rú)何添加文章、如(rú)何添加産品。産品列表和文章列表使用方式一(yī)緻,下(xià)面我們以文章列表爲例,做一(yī)個詳細介紹。
首先打開微魔方設計器(qì)組件庫,我們可以看到列表組件分(fēn)類下(xià)有文字、圖片、多圖三種不同的列表,效果分(fēn)别如(rú)下(xià)圖所示,您可以根據自己的需要選擇使用。
文字列表:文字列表爲純文字顯示文章标題的列表。目前支持兩種樣式:圖标+标題+日期、欄目名稱+标題+日期。您可以通過樣式設置上(shàng)面的切換按鈕進行切換。兩個樣式的效果圖如(rú)下(xià):
文字列表的其他樣式設置包括:調整列表分(fēn)頁數量、是否顯示分(fēn)頁、分(fēn)頁對齊方式、分(fēn)割線設置、圖标設置、列表字體樣式、懸停字體樣式、是否顯示日期、日期字體樣式設置等。設置方法請參考控件常用設置。
如(rú)果您需要更改列表的内容,打開組件的設置面闆,點擊右側側邊欄的“内容”标簽,如(rú)下(xià)圖。
您可以通過選擇文章的欄目、文章的推薦位标簽來更改列表的内容。默認的列表組件選擇了(le)所有文章欄目,您可以移動鼠标至欄目标簽,點擊欄目後面的“×”,取消該條欄目的選中狀态。您還可以更改列表内文章的排序方式,選擇以發布時間還是點擊率進行排序;“目标”是指點擊列表内容時,是在新(xīn)頁面或者當前頁面打開文章詳情。
點擊“選擇内容”按鈕,進入如(rú)下(xià)圖所示的選擇界面,在這裏您可以看到内容管理(lǐ)裏面所添加所有文章和産品的欄目,通過勾選欄目後面的選擇框,實現欄目的增删。點擊第一(yī)行“所有文章欄目”後面的選擇框,實現選中或者取消選中所有欄目的效果。特别提示的是文章和産品欄目,您隻能(néng)選擇一(yī)種,不支持混選。如(rú)果您先選擇了(le)文章欄目,然後選擇了(le)産品欄目,那麽隻有産品欄目會生(shēng)效。我們以最後選擇的欄目類别爲準。
點擊“選擇推薦”按鈕,進入标簽選擇界面。需要注意的是您需要先選擇文章或者産品的欄目,然後選擇推薦位時才能(néng)看到文章或者産品的标簽位。點擊标簽進行推薦位的選擇或者取消選擇。當您選擇标簽以後,列表内隻顯示所選欄目下(xià),帶有選中的标簽的文章或者産品。
微魔方設計器(qì)還提供了(le)針對列表分(fēn)頁的樣式設置,切換右側标簽頁至“分(fēn)頁”,您可以對列表下(xià)方的分(fēn)頁欄進行設置。包括分(fēn)頁的文字樣式、分(fēn)頁模塊的背景、陰影、邊框。點擊上(shàng)方的“默認”、“當前”、“懸停”标簽進行切換,可分(fēn)别設置這三種狀态下(xià)的分(fēn)頁樣式,具體的設置操作(zuò)請參考組件常用設置。
圖片列表:圖片列表的内容管理(lǐ)、分(fēn)頁管理(lǐ)的設置方式和文字列表相同,不再贅述。圖片列表的樣式設置面闆,多出一(yī)個列表縮略圖設置。調整圖片的高寬值可以改變列表内圖片的大小。如(rú)下(xià)圖:
多圖列表:由圖片加文章标題組成的列表,設置參考圖片列表。