2020-05-09

如何使用 SP Page Builder 設定進階排版

SP Page Builder 是 Joomla 頁面建構套件。透過拖拉預先做好的網頁元素,可以很快做出精美的網頁,實際用了 SP Page Builder 架了三個網站,確實省了好多 UI coding time. ?

今天有區塊內裡再切割區塊的需要 (Nested Rows),紀錄一下做法。

他們家切版方式跟 Bootstrap Grid 系統一樣,個數要能與 12 整除,示範一下要切這種板怎麼在 SP Page Builder 設定:

開啟設定欄位數量的地方,依序填入4+8+4+4+4,這樣系統就會自動產生兩列及需求欄數。


請我喝杯咖啡吧 ^^
PeiYing Tsai
author
愛藝術,喜歡以科技解決問題的數位產品設計師。 堅持信念,任何困難事,必有搞定的一天,Just try it! 隨手紀錄日常學習到的知識心得,希望對妳/你有幫助。
coffee-cup linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram